{"product_id":"asset-filter","title":"Asset Filter+","description":"\u003c!-- START: Product Page for Asset Filter+ --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- 1. HERO SECTION --\u003e\n\u003csection class=\"product-hero-section\"\u003e\n\u003cdiv class=\"product-hero-container\"\u003e\n\u003cimg class=\"product-hero-icon\" alt=\"Asset Filter+ Product Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/assetfilter.png?v=1789731811\"\u003e\n\u003cp class=\"product-subtitle-tag\"\u003ePI Vision Custom Symbol\u003c\/p\u003e\n\u003ch1\u003eBuild Truly Interactive Asset Dashboards in PI Vision\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eShow only the running pumps, only the motors in alarm, or only one production area, with a single click. Asset Filter+ gives your users one control that narrows every asset symbol on the display at once, so one dashboard serves the whole fleet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 2. FEATURES SECTION --\u003e\n\u003csection class=\"product-features-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eOne Filter for Your Whole Fleet\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid-three-col\"\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eCentralized Dashboard Control\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnified Filtering:\u003c\/strong\u003e A single selection in Asset Filter+ instantly narrows all compatible asset symbols on the same display.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCross-Symbol Communication:\u003c\/strong\u003e Works with Asset Comparison Table+, Asset Comparison Bar Chart+, Asset Time Series Chart+, Asset Analytics KPI+, Asset Treemap+, Map+, Radar Chart+, and more.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlways Know What You See:\u003c\/strong\u003e Filtered symbols show how many assets remain, such as \"5 of 11 assets\", so nobody mistakes a filtered view for the full fleet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003ePowerful Filtering Options\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFilter by Any Asset Attribute:\u003c\/strong\u003e Build filter choices from any AF attribute or property, such as operating status, health state, equipment type, area, or manufacturer.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHierarchies and Numeric Ranges:\u003c\/strong\u003e Show a path such as Site, Area, and Unit as a tree, or group a numeric attribute like load or run hours into ranges you define.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFrom Assets to Events:\u003c\/strong\u003e Link a selected asset to Events Table+, Gantt Chart+, or the Event Analytics symbols to show the events of exactly that equipment.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eIntuitive User Interface\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eSingle \u0026amp; Multi-Select:\u003c\/strong\u003e Let users focus on one asset group, or pick several and restore the full set with one click on All.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBuilt-In Search:\u003c\/strong\u003e A search field narrows long lists of equipment without changing the filter definition.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSimple No-Code Setup:\u003c\/strong\u003e Drag an AF asset search onto the display, pick the attribute, and choose a style preset that matches the rest of your dashboard.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 3. USE CASES SECTION --\u003e\n\u003csection class=\"use-cases-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eBuild Dynamic, User-Driven Dashboards\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-cases-grid\"\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-1-13h2v2h-2zm0 4h2v6h-2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eRunning Equipment Only\u003c\/h3\u003e\n\u003cp\u003eFilter by \"Operating Status\" so operators see only the pumps, compressors, or lines that are running right now, without idle equipment cluttering the view.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 14H5V8h6v7zm2 0v-7h6v7h-6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eBad Actor Monitoring\u003c\/h3\u003e\n\u003cp\u003eFilter by \"Health State\" to show only the motors in alarm or poor condition, and let maintenance teams compare their trends and KPIs side by side.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003ePlant Hierarchy Navigation\u003c\/h3\u003e\n\u003cp\u003ePresent Site, Area, and Unit as a tree so managers can move from the whole plant to a single production line in one dashboard.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon\"\u003e\u003cpath d=\"M4 10h3v7H4zM10.5 10h3v7h-3zM17 10h3v7h-3zM22 6H2V4h20v2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eLoad and Run-Hour Bands\u003c\/h3\u003e\n\u003cp\u003eGroup equipment into numeric ranges, such as load above 80 % or run hours past the service interval, to find the assets that need attention first.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 4. SCREENSHOTS SECTION --\u003e\n\u003csection class=\"screenshots-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eSimple to Configure, Powerful to Use\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshots-grid\"\u003e\n\u003cdiv class=\"screenshot-card\"\u003e\n\u003cimg alt=\"A filter symbol in PI Vision showing a list of selectable items.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-frame-filter-1.png?v=1763108764\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eIntuitive List Filtering\u003c\/h4\u003e\n\u003cp\u003ePresent users with a clean list of asset groups. Selecting an item instantly narrows all connected asset symbols on the display.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\"\u003e\n\u003cimg alt=\"A filter symbol in PI Vision configured for multi-select mode.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-frame-filter-6.png?v=1763108765\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eSingle \u0026amp; Multi-Select Modes\u003c\/h4\u003e\n\u003cp\u003eLet users focus on a single asset group, or select several to compare, for example all motors in alarm across two areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\"\u003e\n\u003cimg alt=\"A PI Vision dashboard where one filter controls a chart and a table at the same time.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-frame-filter-5.png?v=1763108813\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eFilter All Asset Symbols at Once\u003c\/h4\u003e\n\u003cp\u003eOne filter controls everything. Your selection updates comparison tables, bar charts, time series charts, KPI cards, and maps on the same display.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\"\u003e\n\u003cimg alt=\"A PI Vision display showing two filters used together for combined filtering.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-frame-filter-2.png?v=1763108764\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eCombine Multiple Filters\u003c\/h4\u003e\n\u003cp\u003ePlace several filters on one display to build layered logic, for example \"Area\" AND \"Operating Status\" to show the running equipment of one area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  \/* --- GENERAL SECTION STYLES --- *\/\n  .section-header {\n    display: flex; flex-direction: column; align-items: center; text-align: center;\n    max-width: 800px; margin: 0 auto 3.5rem auto;\n  }\n  .section-header h2 {\n    color: #111; margin-bottom: 1rem; font-size: 1.8rem;\n  }\n  .section-header p {\n    color: #333; line-height: 1.7; font-size: 1rem;\n  }\n  .feature-list {\n    list-style: none; padding: 0; margin: 0;\n  }\n  .feature-list li {\n    position: relative; padding-left: 30px; margin-bottom: 1.25rem;\n    line-height: 1.6; color: #333;\n  }\n  .feature-list li::before {\n    content: '✔'; position: absolute; left: 0; top: 2px;\n    color: #3F72E5; font-size: 1.2rem;\n  }\n  .feature-list li strong {\n    color: #111; font-weight: 600;\n  }\n\n  \/* --- 1. HERO SECTION --- *\/\n  .product-hero-section {\n    padding: 5rem 1rem; text-align: center;\n  }\n  .product-hero-container {\n      max-width: 700px; margin: 0 auto;\n  }\n  .product-hero-icon {\n      width: 80px; height: auto; margin-bottom: 2rem;\n  }\n  .product-subtitle-tag {\n    color: #3F72E5; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.5px;\n  }\n  h1 {\n    font-size: 2.5rem; margin-bottom: 1.5rem;\n  }\n  .product-description {\n    line-height: 1.7; font-size: 1.1rem; color: #333;\n  }\n\n  \/* --- 2. FEATURES SECTION --- *\/\n  .product-features-section {\n    padding: 4rem 1rem; background-color: #f9fafb;\n  }\n  .features-grid-three-col {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 2.5rem;\n    max-width: 1200px; margin: 0 auto;\n  }\n  .features-column h3 {\n    font-size: 1.3rem; margin-bottom: 1.5rem; color: #111;\n  }\n\n  \/* --- 3. USE CASES SECTION --- *\/\n  .use-cases-section {\n    padding: 4rem 1rem;\n  }\n  .use-cases-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    max-width: 1200px; margin: 0 auto;\n  }\n  .use-case-card {\n    background: white; border-radius: 20px; padding: 2rem; text-align: center;\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n  }\n  .use-case-card .icon {\n    width: 40px; height: 40px; color: #3F72E5; margin-bottom: 1rem;\n  }\n  .use-case-card h3 {\n    font-size: 1.2rem; color: #111; margin-bottom: 0.5rem;\n  }\n  .use-case-card p {\n    color: #333; font-size: 0.9rem; line-height: 1.6;\n  }\n\n  \/* --- 4. SCREENSHOTS SECTION --- *\/\n  .screenshots-section {\n    padding: 4rem 1rem; background-color: #f9fafb;\n  }\n  .screenshots-grid {\n    display: grid;\n    grid-template-columns: 1fr; \/* Default to 1 column for mobile *\/\n    gap: 2rem;\n    max-width: 1200px; margin: 0 auto;\n  }\n  .screenshot-card {\n    background: white; border-radius: 20px;\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n  }\n  .screenshot-card img {\n    width: 100%; height: auto; display: block; background-color: #f9fafb;\n  }\n  .screenshot-card-content {\n    padding: 1.5rem;\n  }\n  .screenshot-card-content h4 {\n    font-size: 1.2rem; margin: 0 0 0.5rem 0; color: #111;\n  }\n  .screenshot-card-content p {\n    font-size: 0.95rem; line-height: 1.6; color: #333; margin: 0;\n  }\n\n  \/* --- RESPONSIVE STYLES --- *\/\n  @media (min-width: 750px) {\n    .screenshots-grid {\n      grid-template-columns: 1fr 1fr; \/* 2 columns for tablet and up *\/\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- END: Product Page for Asset Filter+ --\u003e\n","brand":"Software Athlete","offers":[{"title":"Default Title","offer_id":57403799044422,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/assetfilter_34dfc4d4-4d21-45f3-b0af-330b86882917.png?v=1789731923","url":"https:\/\/www.software-athlete.com\/products\/asset-filter","provider":"Software Athlete","version":"1.0","type":"link"}