Asset Comparison Bar Chart+

  body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f9f9f9; } .container { width: 90%; max-width: 1200px; margin: auto; padding: 20px; background-color: #fff; } .product-title { text-align: center; font-size: 3em; font-weight: bold; margin: 20px 0 50px; } .header-icon { display: block; margin: 0 auto 30px; width: 90px; height: auto; } .feature-list, .benefits-list, .use-cases-list { list-style: disc; padding-left: 20px; } .screenshots { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .screenshot-item { background-color: #f1f1f1; padding: 15px; border-radius: 8px; } .screenshot-item img { width: auto; max-width: 100%; height: auto; max-height: 500px; border-radius: 4px; } .screenshot-item h4 { margin-top: 10px; font-size: 1.1em; color: #555; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 20px; } .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section { margin: 40px 0; border-bottom: 2px solid #ddd; padding-bottom: 20px; } .section h2 { text-align: left; font-size: 1.8em; margin-bottom: 10px; } a { color: #007BFF; text-decoration: none; } a:hover { text-decoration: underline; } @media (max-width: 600px) { .screenshots { grid-template-columns: 1fr; } } Asset Comparison Bar Chart+ Asset Comparison Bar Chart+ is a custom symbol for PI Vision that allows you to visualize and compare data of different assets in a bar chart. This versatile symbol is part of the Vision Library+ Symbol Package. Features Asset Comparison: Compare data of different Assets to each other Dynamic Search Criteria: Dynamically filter assets by customizing the asset search criteria. Stacking: Create normal and 100% stacked bar charts. Multistate Visualization: Use multistate features to highlight key thresholds or limits. Top Calculation: Show the Top N assets (for example, top ten best performing assets). Orientation: Choose between horizontal and vertical orientation. Axes: Configure Multiple X and Y Axes Benefits Improved Visualization: Compared to the default Asset Comparison Table, this symbol is much easier to read and looks more modern Example Use Cases Production Monitoring: Compare actual vs. projected production values in real-time. Resource Allocation: Visualize resource usage trends with combined metrics. Quality Assurance: Analyze performance metrics against established benchmarks. Screenshots Compare Assets Compare data of multiple assets in a single chart.  Multiple Attributes Supports comparing multiple attributes of different assets. Stacked Bar Charts Create stacked bar charts by combining multiple attributes together. Horizontal Alignment Align the chart horizontally or vertically. Switch Series Switch your categories to show either Assets or Attributes Fully customizable Customize everything Top N Calculation Show only the top 10 assets meeting a certain condition 100% Stacked Bar Create a 100% stacked bar chart Demo Your browser does not support the video tag.