Look under
the picture.
The tools are free to use. The implementation is open to inspect, adapt and build on.
Download the source ZIP ↓What is included?
- Eleven chart editors, including dumbbell, slopegraph and small multiples, Apache ECharts configuration, three visual themes and export logic.
- Publication annotations, editable JSON projects and self-contained HTML exports with data tables and source links.
- The spreadsheet import preview, number parsing and data validation.
- The printable habit tracker, five educational math tools, practice worksheets and answer-key generation.
- Static pages, original sample data, methodology notes and meaningful calculation tests.
Run it locally
npm ci
npm run prepare:assets
npm run devThe project uses Astro, React, TypeScript and Apache ECharts. The README contains build instructions, input limits and deployment notes. Node.js 22.12 or newer is required by the current build tooling.
Built on Apache ECharts
ChartsAI uses ECharts’ built-in scatter, radar, line, bar and boxplot series for geometry, axes, tooltips and rendering. Examples are rendered as SVG during the site build; interactive charts and all user data stay in the browser. You can download ECharts option JSON from the statistical chart editors. Number lines, polygon transformations and coordinate worksheets use shared SVG geometry.
Apache ECharts is licensed under Apache 2.0. Third-party notices are included in the source archive.
Experimental chart-quality skill
The source includes reusable instructions for choosing scales, preserving source values and checking actual exports. A small projection checker tests unchanged row/column mappings; seven original task fixtures define a future model comparison.
The source ZIP includes the skill and its validation scripts. It is experimental: the passing calculation tests do not demonstrate that it improves an LLM, and no model-comparison score is claimed.
License and attribution
The original ChartsAI code, worked-example data and guide-comparison graphics are released under the MIT license. The nine fictional editorial template datasets are separately dedicated to CC0; each template states its reuse terms. Keep the license notice when redistributing substantial portions of the code. Third-party libraries and fonts have their own licenses. Charts generated from your own data do not require a ChartsAI credit. Public datasets retain their own attribution requirements.
The dot-plot teaching pack is also offered under CC BY 4.0. When using that license, credit ChartsAI by SupaMakers, link to the pack and license, and indicate changes. Previously published source and datasets keep their existing licenses. The pack's README contains the reuse instructions.
If the tools help your work, a link to ChartsAI or a mention of SupaMakers is appreciated. It is optional for your exported charts and printables.
50 worked chart examples
The example library includes original fictional datasets, worked calculations, reusable chart exports and exact editor starting points. Generated showcase assets are recreated by the asset preparation command.
Attributed public datasets
The public-data collection contains Iris, Wine, Glass Identification, Seeds and Abalone from UCI. These datasets are CC BY 4.0, separately from our MIT code and fictional examples. Keep the original authors, source and license attribution and identify your changes. Each resource documents the pinned source file and chart selection.
Editorial data and reusable templates
The publication library includes twelve editable templates and worked historical views of World Bank life expectancy and NASA GISTEMP temperatures. World Bank data retain CC BY 4.0 attribution; NASA material retains the source and scientific citation shown on its resource page. Pinned periods are examples, not a live data feed. Downloaded source archives retain the data manifests; generated graphics are recreated during the build.
Small fictional datasets to try
- Class scores — dot-plot CSV
- Delivery times — dot-plot CSV
- Team skills — radar-chart CSV
- Product ratings — radar-chart CSV
- Monthly orders — line-graph CSV
All these datasets are fictional. They illustrate tool behavior and should not be presented as research findings.
Number line worksheet builder
The worksheet builder provides reproducible sets of 6–12 number line questions, three original practice packs and separate answer keys. Preview, ready-made PDFs and generated downloads share the same geometry. Tests check arithmetic, bounds, repeatability and answer separation.
Chart worksheet builders
Dot-plot, bar-graph and line-graph worksheets provide nine original reading, comparison and drawing packs. Shared native chart options and deterministic question calculations drive previews, static downloads and local exports. The source includes validation for whole numbers, repeated observations, ties, medians, changes and identical question/key scales. PDFs contain page images; source CSVs and an accessible text view preserve readable values. Explore the chart worksheets.
Found something to improve?
We welcome reproducible feedback about data handling, calculations and accessibility. Send us a small example, preferably with fictional values.