{"product_id":"asset-time-series-chart","title":"Asset Time Series Chart","description":"\u003c!-- START: Product Page for Asset Time Series Chart+ --\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 Time Series Chart+ Product Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/asset-timeseries.png?v=1789649956\" style=\"margin-bottom: 32px; float: none;\"\u003e\n\u003cp class=\"product-subtitle-tag\"\u003ePI Vision Custom Symbol • Vision Library+\u003c\/p\u003e\n\u003ch1\u003eTrends That Build Themselves with Asset Time Series Chart+\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eStop adding the same tag for every pump, line or site by hand. Asset Time Series Chart+ uses PI Vision's dynamic Search Criteria to find your assets and fill the chart automatically. Pick the attributes once, and every matching asset appears as its own trace. When assets are added, filtered or switched, the chart keeps up by itself.\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 Chart for Your Whole Asset Fleet\u003c\/h2\u003e\n\u003cp\u003eDefine what to compare, not which tags to plot. The chart works out which assets match and draws a trace for every asset and attribute, and it stays in sync with your asset selection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid-three-col\"\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eDynamic Asset Search\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAuto-Populating Traces:\u003c\/strong\u003e Use Search Criteria to discover assets dynamically. Every matching asset is added to the chart without configuring its data sources one by one.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFollows Asset Context:\u003c\/strong\u003e Switch the display's asset context and the chart reloads with the assets for that area, site or unit. Build one display and reuse it everywhere.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFilter-Aware:\u003c\/strong\u003e Asset Filter+ and other asset symbols narrow the chart through master and linked filters, with an indicator showing how many assets remain.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eConfigure Once, Apply to All\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eAttribute-Level Settings:\u003c\/strong\u003e Chart type, color, line style, analysis and multistate settings are defined per attribute and apply to that attribute on every matching asset. Trace overrides handle the exceptions.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLines, Areas, Bars \u0026amp; Stacking:\u003c\/strong\u003e Draw Line, Area, Bar, Scatter or Range Area traces, stack them across assets as values or as a 100% share, and choose Multiple, Single or Custom value scales.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDigital States:\u003c\/strong\u003e Show operating states such as Running, Stopped or Cascade as stepped trends with state names or as shaded bands next to your measurements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eCompare \u0026amp; Analyze\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRulers \u0026amp; Summary Table:\u003c\/strong\u003e Place two rulers to compare any interval across all assets. The summary table adds server-calculated Average, Min, Max, End Value and more for every asset.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBuilt-In Analysis:\u003c\/strong\u003e Add regression lines, moving averages and historical multistate limits, calculated separately for each asset.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNavigate \u0026amp; Export:\u003c\/strong\u003e Pan, box zoom, fullscreen and an optional time bar make exploring history easy. Export the chart as PNG, SVG or PDF, or its data as CSV, JSON or XLSX.\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\u003eBuilt for Comparing Assets at Scale\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=\"M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eFleet-Wide Comparisons\u003c\/h3\u003e\n\u003cp\u003eSearch for every pump or compressor of a template and compare their speed, pressure or temperature on one chart. New assets in AF show up automatically.\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\u003eReusable Site Displays\u003c\/h3\u003e\n\u003cp\u003eBuild one display for all your plants. When users switch the asset context, the chart fills with that site's lines or units, so there is nothing to copy or maintain per site.\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\u003eContribution to Total\u003c\/h3\u003e\n\u003cp\u003eStack each line's throughput or energy use as areas or bars to see the combined total and every asset's share of it over time.\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=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eChangeover \u0026amp; State Analysis\u003c\/h3\u003e\n\u003cp\u003eOverlay operating states with measurements, place rulers before and after a changeover, and compare how every asset responded.\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\u003eEvery Asset, One Clear Picture\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=\"Asset Time Series Chart+ in PI Vision showing stacked area traces for ten production lines with a time bar.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-asset-time-series-chart-1.png?v=1789649958\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eStacked Areas Across Assets\u003c\/h4\u003e\n\u003cp\u003eOne Speed attribute, configured once, draws a stacked area for every production line found by the asset search. The legend shows each line's latest value, and the time bar lets users step through history.\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 Time Series Chart+ in PI Vision showing stacked bar traces for ten production lines.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-asset-time-series-chart-2.png?v=1789649958\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eStacked Bars for Contribution\u003c\/h4\u003e\n\u003cp\u003eSwitch the same attribute to bars to show each asset's contribution to the total at every interval. Colors are assigned automatically, and legend entries toggle individual traces.\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":57399048470854,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/asset-timeseries.png?v=1789649956","url":"https:\/\/www.software-athlete.com\/products\/asset-time-series-chart","provider":"Software Athlete","version":"1.0","type":"link"}