Look under
the picture.

The tools are free to use. The implementation is open to inspect, adapt and build on.

Version 0.4.0 · SupaMakers · September 8, 2026

What is included?

• The dot-plot, radar-chart and line-graph editors, Apache ECharts configuration, three visual themes and export logic.
• The spreadsheet import preview, number parsing and data validation.
• The printable habit tracker with calendar logic and PDF generation.
• Static pages, original sample data, methodology notes and meaningful calculation tests.

Run it locally

npm install
npm run prepare:assets
npm run dev

The 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 and line 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 a chart’s ECharts option JSON from its editor.

Apache ECharts is licensed under Apache 2.0. Third-party notices are included in the source archive.

License and attribution

The original ChartsAI code and fictional sample data are released under the MIT license. Keep the license notice when redistributing substantial portions of the code. Third-party libraries and fonts have their own licenses. Generated charts and PDFs do not require a visible credit.

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.

Browse the code and contribute on GitHub ↗

20 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.

Small 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.

Found something to improve?

We welcome reproducible feedback about data handling, calculations and accessibility. Send us a small example, preferably with fictional values.