{"product_id":"asset-analytics-card","title":"Asset Analytics Card+","description":"\u003c!-- START: Product Page for Asset Analytics KPI --\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\" style=\"text-align: center;\"\u003e\n\u003cimg class=\"product-hero-icon\" alt=\"Asset Analytics KPI Product Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/assetanalyticskpi.png?v=1789649043\" style=\"margin-bottom: 32px; float: none;\"\u003e\n\u003cp class=\"product-subtitle-tag\"\u003ePI Vision Custom Symbol • Vision Library+\u003c\/p\u003e\n\u003ch1\u003eAsset Roll-Ups Without the AF Overhead\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eTotals, averages and counts across your assets used to mean building roll-up analyses, output attributes and extra PI tags in Asset Framework. Asset Analytics KPI does the math directly in PI Vision. Pick your assets, choose a calculation and a grouping, and get a responsive grid of KPI cards in minutes, with no AF changes needed.\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\u003eA Calculation Engine for Your Asset Fleet\u003c\/h2\u003e\n\u003cp\u003eEvery KPI is calculated on the fly from the current attribute values of the assets on your display. Change a metric, a grouping or the asset set, and the cards update instantly. There are no analyses to deploy, no tags to create and no backfilling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid-three-col\"\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eRoll-Ups Built in PI Vision\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAny Set of Assets:\u003c\/strong\u003e Aggregate a fixed selection of AF elements or a dynamic asset search. You don't need a matching element hierarchy or a parent element to roll up into.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e8 Summary Types:\u003c\/strong\u003e Calculate Count, Count Distinct, Sum, Minimum, Maximum, Average, Median and Standard Deviation on numeric attributes. Count and Count Distinct also work on text, Boolean and date properties.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMultiple Metrics, One Symbol:\u003c\/strong\u003e Add as many Values as you need, each with its own friendly title. Units and decimals are taken straight from the AF attribute.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eGroup, Rank \u0026amp; Slice\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGroup by Anything:\u003c\/strong\u003e Add a Series such as Template, Description, Path, an attribute value or a digital state, and one card is generated per category automatically.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHierarchical States:\u003c\/strong\u003e Split compound digital state names by level, so a reason like \"Equipment breakdown | Electrical\" can be grouped by its main cause or its sub-cause.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTop\/Bottom N \u0026amp; Sorting:\u003c\/strong\u003e Show only the top 5 or bottom 3 categories ranked by any Value, and collect the rest into an \"Others\" card to preserve the grand total.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eInteractive \u0026amp; Actionable\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eFilter-Aware Dashboards:\u003c\/strong\u003e KPIs recalculate when Asset Filter+ or other asset symbols narrow the display, with a clear \"5 of 11 assets\" indicator. Click a card to filter the rest of the dashboard.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHierarchical Drilldown:\u003c\/strong\u003e Start with templates, then click a card to drill into the next grouping for just those assets. A Drill Up button takes you back.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTargets \u0026amp; Multistate:\u003c\/strong\u003e Compare each card with a target using \"Higher is better\" or \"Lower is better\" badges, and apply 11 multistate treatments including Solid Fill, Progress and Radial Progress.\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\u003eFleet-Wide Answers in Seconds\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=\"M7 2v11h3v9l7-12h-4l4-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eFleet Capacity Totals\u003c\/h3\u003e\n\u003cp\u003eSum the installed or available capacity of every turbine, pump or production line in a region, without building a roll-up analysis for it in AF.\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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eAsset Status Counts\u003c\/h3\u003e\n\u003cp\u003eCount how many assets are running, stopped or in maintenance by grouping on a digital status attribute, with one color-coded card per state.\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\u003eTemplate Benchmarking\u003c\/h3\u003e\n\u003cp\u003eCompare the average, median or maximum of an attribute across equipment types or sites, side by side and against a shared target.\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=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eBad Actor Ranking\u003c\/h3\u003e\n\u003cp\u003eRank loss reasons or problem assets with Top N, send everything else to \"Others\", and drill into the worst category with a single click.\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\u003eFrom Raw Attributes to KPIs, Instantly\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshots-grid\"\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg alt=\"A grid of Asset Analytics KPI cards in PI Vision, one per reason category, color-coded by multistate.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-custom-symbol-asset-analytics-kpi-2.png?v=1789648758\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eOne Value, One Series, Every Category\u003c\/h4\u003e\n\u003cp\u003eA single Sum grouped by a reason attribute produces a card for every category, including sub-reasons from hierarchical state names. Multistate fills highlight the biggest contributors at a glance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg alt=\"Asset Analytics KPI cards with target comparison badges and multistate progress bars.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-custom-symbol-asset-analytics-kpi.png?v=1789648758\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eTargets \u0026amp; Progress at a Glance\u003c\/h4\u003e\n\u003cp\u003eCombine two Series to get a card for every combination, then compare each total with its target. Colored badges show how far each card is from the target, and multistate progress bars show how close it is to its limits.\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: repeat(2, 1fr); \/* Changed to 2 columns *\/\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 (max-width: 900px) {\n    .features-container {\n      grid-template-columns: 1fr;\n    }\n    .screenshots-grid {\n      grid-template-columns: 1fr; \/* Reverts back to 1 column on smaller mobile screens *\/\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- END: Product Page --\u003e","brand":"Software Athlete","offers":[{"title":"Default Title","offer_id":57398998925638,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/assetanalyticskpi.png?v=1789649043","url":"https:\/\/www.software-athlete.com\/products\/asset-analytics-card","provider":"Software Athlete","version":"1.0","type":"link"}