New informative visualizations in HTML report 📊 #341
Description
Enhance HTML report with improved energy visualizations
Description
The current HTML report does not yet provide a visualization of per-process energy consumption with separate CPU and memory energy shares, nor does it allow sorting processes by their energy usage. Extending the visualizations would make process-level energy consumption easier to explore and compare.
The ideas below are meant as inspiration rather than strict requirements. Alternative visualization approaches are very welcome.
Proposed ideas (open for discussion) 👉 assign yourself to the sub-issues below
Process-level comparison plot
- Stacked bar chart showing energy consumption per process
- X-axis: processes
- Y-axis: energy
- CPU and memory energy contributions visualized as stacked components
- Interactive hover tooltips with additional process information
- Optional ranking or sorting (e.g. by total, CPU, or memory energy)
Energy budget overview
- Treemap-style visualization summarizing the overall energy distribution
- Area proportional to total process energy
- Visual indication of CPU vs. memory contribution (e.g. via color or shading)
Energy composition summary
- Pie or donut chart showing overall CPU vs. memory energy shares
- Provides a high-level overview of where energy is spent across the workflow