{"product_id":"pi-vision-event-comparison-chart","title":"Event Comparison Chart+","description":"\u003c!-- START: Product Page for Event Comparison 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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/eventcomparisonchart_160x160.png?v=1779612879\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003cbr\u003e\n\u003cp class=\"product-subtitle-tag\"\u003ePI Vision Custom Symbol • Vision Library+\u003c\/p\u003e\n\u003ch1\u003eCompare Operational Events Like Never Before\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eStop guessing with standard calendar-time trends. Event Comparison Chart+ aligns your PI Event Frames on a relative time axis, empowering you to analyze batches, startups, trips, and golden benchmarks seamlessly inside AVEVA PI Vision.\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\u003eAdvanced Event Alignment Meets Intuitive Interactivity\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid-three-col\"\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003ePowerful Alignment \u0026amp; Scaling\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRelative Time Axes:\u003c\/strong\u003e Align events by Matched Start, Matched End, or completely Normalize them (0–100%) to compare shapes perfectly regardless of duration differences.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVersatile Layouts:\u003c\/strong\u003e Compare traces using a Single Scale, Multiple Scales, Stacked Lanes, or a powerful Trellis Grid to facet your comparison by asset or severity.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eChild Event Overlays:\u003c\/strong\u003e Reveal internal structure by overlaying child event frames as contextual bands within the parent event.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eGolden Benchmarks \u0026amp; Context\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGolden \u0026amp; Tolerance Bands:\u003c\/strong\u003e Turn historical \"best practices\" into reference profiles. Overlay a golden average trace and generate custom upper\/lower tolerance envelopes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePinned References:\u003c\/strong\u003e Keep known \"good\" or \"bad\" historical events permanently visible for comparison, even as your current search results update.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRich Categorization:\u003c\/strong\u003e Use event attributes to group, color, and organize your events dynamically based on context like operating mode or product grade.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eInteractive Diagnostics\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eIntegrated Action Table:\u003c\/strong\u003e Drive analysis directly from the chart. Hide\/show events, pin references, view min\/max plot stats, and open PI Event details in one click.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDropped Markers:\u003c\/strong\u003e Click anywhere on the plot to drop vertical comparison markers—instantly answering \"what do all events look like exactly 5 minutes in?\"\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRuntime Event Shifting:\u003c\/strong\u003e Test alignment hypotheses on the fly by shifting events left or right using standard PI duration strings (e.g., 5m, 30s) without editing data.\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\u003eFrom Raw Event Frames to Actionable Insights\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-cases-grid\"\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eBatch \u0026amp; Process Optimization\u003c\/h3\u003e\n\u003cp\u003eCompare repeated manufacturing batches, cleaning cycles (CIP), or product grades to identify the optimal run shape, reduce variability, and minimize cycle durations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M16.56 5.44l-1.45 1.45A5.969 5.969 0 0118 12c0 3.31-2.69 6-6 6s-6-2.69-6-6c0-2.17 1.16-4.06 2.88-5.12L7.44 5.44A7.961 7.961 0 004 12c0 4.42 3.58 8 8 8s8-3.58 8-8c0-2.72-1.36-5.12-3.44-6.56zM11 3h2v10h-2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eStartup \u0026amp; Shutdown Analysis\u003c\/h3\u003e\n\u003cp\u003eEnsure critical procedures are followed safely and consistently by aligning equipment ramps and shutdowns using the 'Matched Start' or 'Matched End' alignment modes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eTrip \u0026amp; Failure Investigation\u003c\/h3\u003e\n\u003cp\u003eApply 'Pre-Event Offsets' to load critical leading indicators before an event boundary. Anchor failures using 'Matched End' to find the exact moment a process derailed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-case-card\"\u003e\n\u003csvg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eLive Fleet Monitoring\u003c\/h3\u003e\n\u003cp\u003eHighlight active, in-progress events in real-time. Visually separate live runs from completed history, instantly identifying if current operations are drifting outside of expected limits.\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\u003eEvent Analysis Built for Analysts and Operators\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshots-grid\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"screenshot-card\"\u003e\n\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-comparison-startup.png?v=1779614203\" alt=\"Chart showing Matched Start, Matched End, and Normalized alignment options.\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eMeaningful X-Axis Alignment\u003c\/h4\u003e\n\u003cp\u003eA standard trend tells you what happened at 10:32 AM. This symbol tells you what happens exactly 15 minutes into an event. Use Matched Start, Matched End, or Normalized modes to effortlessly compare events with completely different durations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"screenshot-card\"\u003e\n\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-comparison-trellis-grid-tooltip.png?v=1779614203\" alt=\"Chart showing Trellis Grid layout splitting data by asset.\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eTrellis Grid \u0026amp; Layout Options\u003c\/h4\u003e\n\u003cp\u003eToo many traces create an unreadable mess. Utilize Single Scale, Split Scales, or the Trellis Grid mode to automatically facet your comparison into smaller, organized panels grouped by asset, severity, or batch grade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"screenshot-card\"\u003e\n\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-comparison-chart-golden-batch-band-3.png?v=1779614203\" alt=\"Chart displaying a Golden Reference profile and tolerance envelope.\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eGolden Profiles \u0026amp; Tolerance Bands\u003c\/h4\u003e\n\u003cp\u003eSelect your best historical runs and hit 'Golden'. The chart automatically builds an average reference profile and wraps it in a custom tolerance band, allowing operators to instantly see when live operations underperform.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"screenshot-card\"\u003e\n\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-event-comparison-chart-action-table.png?v=1779614315\" alt=\"The integrated action table with plot stats, shift controls, and context.\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eIntegrated Action Table\u003c\/h4\u003e\n\u003cp\u003eStop hunting for trace colors in a passive legend. The built-in table acts as a workspace: pin references, extract min\/max plot statistics, or shift events incrementally (e.g., \"30s\" left or right) to align signals perfectly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 5. DEMO VIDEO SECTION --\u003e\n\u003csection class=\"demo-video-section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch2\u003eSee Event Comparison Chart+ in Action\u003c\/h2\u003e\n\u003cp\u003eWatch a quick demo to see how easy it is to define event populations, align traces on a relative time axis, and build golden reference profiles inside AVEVA PI Vision.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-card\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo controls=\"controls\" preload=\"metadata\" poster=\"https:\/\/via.placeholder.com\/1000x562.png?text=Play+ECC%2B+Demo+Video\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1213c81fae09498a89de785fdf6eb0d3.mp4\" type=\"video\/mp4\"\u003e\nYour browser does not support the video tag.\n\u003c\/source\u003e\u003c\/video\u003e\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; \/* Changed to 1 column layout *\/\n    gap: 3rem; \/* Increased gap slightly for single column layout *\/\n    max-width: 900px; \/* Reduced to 900px to keep images proportionally sized on desktop *\/\n    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: 2rem; \/* Increased padding slightly for the larger card *\/\n  }\n  .screenshot-card-content h4 {\n    font-size: 1.3rem; margin: 0 0 0.5rem 0; color: #111;\n  }\n  .screenshot-card-content p {\n    font-size: 1.05rem; line-height: 1.6; color: #333; margin: 0;\n  }\n \n \/* --- 5. DEMO VIDEO SECTION --- *\/\n  .demo-video-section {\n    padding: 4rem 1rem;\n  }\n  .video-card {\n    max-width: 1000px;\n    margin: 0 auto;\n    border-radius: 20px;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    background-color: #000; \/* Adds black background behind video *\/\n  }\n  .video-wrapper {\n    position: relative;\n    padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n    height: 0;\n  }\n  .video-wrapper video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 20px; \/* Matches the card rounding *\/\n  }\n\n  \/* --- RESPONSIVE STYLES --- *\/\n  @media (max-width: 900px) {\n    .features-grid-three-col {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- END: Product Page --\u003e","brand":"Software Athlete","offers":[{"title":"Default Title","offer_id":56641587282246,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/eventcomparisonchart_c841f589-3d2b-47f9-83f1-62f01f036ce7.png?v=1779614338","url":"https:\/\/www.software-athlete.com\/products\/pi-vision-event-comparison-chart","provider":"Software Athlete","version":"1.0","type":"link"}