{"product_id":"pivision-profile-view-plus","title":"ProfileView+","description":"\u003c!-- START: Product Page for ProfileView+ --\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\u003cp class=\"product-subtitle-tag\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/profile-view-2_160x160.png?v=1774346279\" style=\"float: none;\"\u003e\u003c\/p\u003e\n\u003cp class=\"product-subtitle-tag\"\u003ePI Vision Custom Symbol • Vision Library+\u003c\/p\u003e\n\u003ch1\u003eThe Legend Returns: High-Performance Heatmaps with ProfileView+\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eThe spiritual successor to the retired OSIsoft ProfileView is here. Rebuilt from the ground up for modern PI Vision, ProfileView+ delivers a blazing-fast, highly configurable heatmap designed specifically to visualize cross-directional scanner data, track variations, and monitor web quality in the Pulp \u0026amp; Paper industry.\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 Profiling, Engineered for Performance\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-grid-three-col\"\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eHigh-Volume Data Retrieval\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassive Datasets:\u003c\/strong\u003e Handles high-density scanner data with ease, supporting up to 100,000 interpolated data points per fetch.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmart Calculation:\u003c\/strong\u003e Utilizes time-weighted calculation bases and auto-calculated intervals to ensure your heatmap loads instantly without crashing the browser.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCustom Time Ranges:\u003c\/strong\u003e Break free from the display time. Apply custom time ranges, offsets, and durations specific to the profile you are analyzing.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eAbsolute \u0026amp; Deviation Modes\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDeviation Display Mode:\u003c\/strong\u003e Instantly switch from absolute values to deviation mode. Set a \u003cstrong\u003eTarget Value\u003c\/strong\u003e to clearly see positive and negative variations from your ideal spec.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCurrent Value Line:\u003c\/strong\u003e Highlight the current, real-time profile over the historical heatmap with a customizable current value line.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDynamic Scaling:\u003c\/strong\u003e Auto-sort properties, customize tick intervals, and dynamically label axes (numeric or names) to match your physical machine zones.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-column\"\u003e\n\u003ch3\u003eIntegrated Statistics \u0026amp; Histograms\u003c\/h3\u003e\n\u003cul class=\"feature-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eEmbedded Histograms:\u003c\/strong\u003e Turn on Time-scale and Value-scale histograms to visualize the distribution of your profile data instantly.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eData Table Columns:\u003c\/strong\u003e Append a data table directly alongside the heatmap to display Average, Minimum, Maximum, StdDev, Range, and population StdDev.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTotal Customization:\u003c\/strong\u003e Fully customize the UI, from background and foreground colors to font sizes and time scale formatting.\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 Pulp, Paper, and Continuous Web Manufacturing\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=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 9h-2V7h-2v5H6v2h2v5h2v-5h2v-2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eBasis Weight \u0026amp; Moisture Profiles\u003c\/h3\u003e\n\u003cp\u003eVisualize Cross-Direction (CD) and Machine-Direction (MD) scanner data. Quickly spot wet streaks or heavy edges across the paper web in a 2D color contour map.\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 2L2 22h20L12 2zm0 3.83L19.17 20H4.83L12 5.83zM11 16h2v2h-2v-2zm0-7h2v5h-2V9z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eTarget Deviation Analysis\u003c\/h3\u003e\n\u003cp\u003eUse the 'Deviation' display mode to subtract the ideal target from your scanner readings. See exactly where your caliper or opacity is drifting out of specification.\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=\"M3 3h18v2H3zm0 4h12v2H3zm0 4h18v2H3zm0 4h12v2H3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eStatistical Process Control\u003c\/h3\u003e\n\u003cp\u003eEnable the built-in tabular columns (StdDev, Range, Min\/Max) alongside the heatmap to give operators exact numerical context without opening another tool.\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=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 10h2v7H7zm4-3h2v10h-2zm4 6h2v4h-2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003ch3\u003eDistribution Histograms\u003c\/h3\u003e\n\u003cp\u003eToggle X\/Y axis histograms to instantly see the frequency distribution of your variations over time, identifying systematic machine issues quickly.\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\u003eThe Heatmap Re-Imagined for Modern Browsers\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-profile-view.png?v=1774346384\" alt=\"A high-performance PI Vision heatmap visualizing scanner data across a paper web.\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eCross-Direction Heatmaps\u003c\/h4\u003e\n\u003cp\u003eRender high-density scanner profiles smoothly. ProfileView+ maps thousands of data points into a continuous color gradient, allowing you to track quality across the entire width of the machine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-profile-view-3.png?v=1774346385\" alt=\"ProfileView+ in Deviation Mode showing variances from a target value.\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eTarget Value \u0026amp; Deviation Mode\u003c\/h4\u003e\n\u003cp\u003eDon't just look at raw values. Set a Target Value (e.g., Target Moisture = 50%) and switch the Display Mode to 'Deviation' to visualize only the positive and negative variances from your ideal state.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-profile-view-digital-states.png?v=1774346382\" alt=\"ProfileView+ displaying time and value histograms on the axes.\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eSupport for Digital States\u003c\/h4\u003e\n\u003cp\u003eProfileView+ not only supports numbers, but also digital states and enumeration values.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"screenshot-card\" style=\"text-align: start;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/pi-vision-profile-view-gradient-off.png?v=1774590739\" alt=\"The data table alongside the heatmap showing Average, StdDev, and Range.\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003cdiv class=\"screenshot-card-content\"\u003e\n\u003ch4\u003eDifferent Gradient Modes\u003c\/h4\u003e\n\u003cp\u003eTurn off gradients entirely, or use any of our outer gradient color modes for your needs\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 ProfileView+ in Action\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-card\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo preload=\"metadata\" controls=\"controls\"\u003e\n        \u003c!-- Placeholder Video URL --\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f7a62930c5014ea0900581635a1a395a.mp4\" type=\"video\/mp4\"\u003e\n        Your 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: repeat(2, 1fr); \/* 2 column layout *\/\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 \/* --- 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  }\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  }\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":56238696923462,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0673\/2260\/9955\/files\/profile-view-2.png?v=1774346279","url":"https:\/\/www.software-athlete.com\/products\/pivision-profile-view-plus","provider":"Software Athlete","version":"1.0","type":"link"}