Repository navigation
Home
Hamza Salameh edited this page Aug 29, 2026
·
3 revisions
114 chart types you can edit live and copy as HTML, CSS and JavaScript. No build step, no framework, no account.
The README is the guide — how to run it, paste your data, share a chart, read a file. This wiki is the reference: the parts too long to sit in a README.
| Page | What it answers |
|---|---|
| Chart Catalogue | All 114 charts, what each is for, which engine draws it |
| Data Formats | "I have this table — what can draw it?" |
| Reading a Chart | How to read each chart, and how each one misleads |
| FAQ | Nothing renders, my file will not read, my country is grey |
| Charts | 114 |
| Categories | 15 |
| Table layouts accepted | 15 |
| Charts needing no charting library at all | 54 |
- Line & Area — 13 charts
- Bar — 9 charts
- Deviation — 3 charts
- Part to Whole — 11 charts
- Radar — 3 charts
- Scatter — 8 charts
- Distribution — 11 charts
- Hierarchy — 7 charts
- Network — 6 charts
- Flow — 6 charts
- Comparison — 17 charts
- Finance — 4 charts
- Geo — 8 charts
- KPI & Micro — 3 charts
- Custom Engine — 5 charts
Each chart is drawn by whichever engine suits it; the badge on every gallery tile says which.
| Engine | Charts |
|---|---|
| Chart.js | 39 |
| Canvas 2D — hand-drawn, no charting library | 48 |
| D3 — SVG, including every map | 21 |
| OpenCharts engine — dependency-free | 5 |
| DOM / CSS | 1 |
No chart here invents its own numbers. Every one opens on literal data you can edit, and a renderer that does not read its data from the spec is treated as a bug rather than a demo. If a chart appears to be showing you something, it is showing you the table underneath it.
Generated from the registry by tools/build-wiki.mjs. Do not edit by hand — regenerate.