Chart

Renders interactive charts in the browser using Chart.js from context-supplied data and chart type.

Workflow

1. Extract data and chart type — identify labels, datasets, and chart type (bar, line, pie, doughnut, radar) from the user's request or conversation context.
2. Choose colors — assign dataset colors from the standard palette. See TEMPLATE.md for the palette.
3. Write the HTML file — write a complete self-contained file to /tmp/chart.html using the Chart.js template matching the chart type. See TEMPLATE.md for all templates.
4. Render in browser — follow _shared/chrome-devtools-render.md to open /tmp/chart.html, wait for render, screenshot, and fix-and-reload if needed. wait_for the static <h2 id="ready"> text (Chart.js renders to canvas — canvas text is NOT detectable by wait_for). See TROUBLESHOOTING.md for chart-specific fixes.

Self-review checklist

Before delivering, verify ALL: