Chart Maker

Builds Bar, Line, Pie, and Doughnut charts in the browser using Chart.js and renders them to an HTML canvas. Data is entered as CSV-like "Label, Value" rows, colors are generated automatically across the hue wheel, and the rendered chart can be exported as a PNG file. The chart re-renders live as you edit any input or option.

1. Pick a chart type (Bar, Line, Pie, or Doughnut) using the type buttons 2. Enter a chart title in the title field (shown as the chart heading and dataset label) 3. Type data rows as "Label, Value" in the Data (CSV) box (one row per line) 4. Toggle options: Show Legend, Show Grid, and Fill Area (Line only) 5. Click Download PNG to save the rendered canvas

Each non-empty line must have at least two comma-separated parts; the first is the label and the rest is parsed as a float. Lines without a parseable number are skipped. For Bar and Line, a single color is used; for Pie and Doughnut, each slice gets its own hue. Show Legend toggles the Chart.js legend plugin; Show Grid toggles both X and Y grid lines for non-circular charts and forces the Y axis to begin at zero; Fill Area only affects Line charts and is disabled for other types.