# Chart

> Turn a CSV into a clean bar or line chart, embedded as an SVG in a standalone HTML page (multi-series, light and dark, no dependencies).

- Skill: `metadist/chart` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add metadist/chart`
- Raw SKILL.md: https://api.skillmd.com/api/skills/metadist/chart/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: metadist (https://skillmd.com/u/metadist)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/metadist/chart

---


# chart

Render a CSV as a good-looking chart. The first column is the category (x-axis);
every other numeric column becomes a series. Bars are grouped; lines are drawn per
series. The result is one self-contained HTML file that opens in any browser.

## How to run

```
python3 <skill_dir>/run.py <input.csv> <output.html> [--type bar|line] [--title "Title"]
```

- `<input.csv>` — a CSV with a header row (an allowed folder, or the out-box).
- `<output.html>` — a path **inside the out-box**.
- `--type` — `bar` (default) or `line`.
- `--title` — optional chart title.

Standard library only. After running, tell the user the saved path.