What problem does it solve?
This Skill turns raw data and chart requests into readable, interactive browser visualizations, avoiding static images and manual chart configuration.
Core Features & Use Cases
- Interactive Chart Rendering: Creates live bar, line, pie, doughnut, and radar charts with Chart.js.
- Data Visualization Guidance: Selects chart types, formats datasets, assigns consistent colors, and supports trends, comparisons, proportions, and benchmarks.
- Render Validation: Opens the generated chart in a browser, waits for a reliable render signal, captures a screenshot, and diagnoses common sizing, styling, CDN, and JavaScript issues.
- Use Case: Compare model benchmarks across multiple criteria with a radar chart or display monthly revenue trends with a responsive line chart.
Quick Start
Ask the chart skill to render the provided dataset as an interactive chart in the browser and verify the result with a screenshot.