felipecustodio Overview & Purpose
Visual Dashboard renders rich, interactive HTML dashboards containing metrics panels, Charts, and responsive layouts to visually present complex analysis.
When to Use
- Data Reporting: Displaying multi-metric performance reports or telemetry data.
- Executive Summaries: Creating visually engaging dashboard UI artifacts.
Execution Workflow
- Define Layout & Panels: Design grid/flex layout and identify metric panels.
- Construct HTML/CSS/JS Payload: Build responsive HTML containing CSS styles and Chart.js script definitions.
- Output Dashboard Artifact: Present clean HTML artifact for rendering.
Expected Output Contract
### Generated Visual Dashboard
- **Title**: [Dashboard Title]
- **Layout**: [Grid / Flex]
- **Panels Rendered**: [List of Panels]
- **HTML Payload**: [Rendered HTML block]
Scripts
scripts/visual_dashboard.py- Deterministic evaluation, state validation, and CLI tool for visual-dashboard.