Darker cells mean a higher score for this topic on that metric.
LessMore
Last reviewed Sources & creditsMedia creditsMethodology
Quick answers
When should I pick Apache ECharts dashboards?
When the story is: ops dashboards, quarterly packs, live KPI walls.
When should I avoid Apache ECharts dashboards?
Skip it in cases like: a single static bar in a PDF would answer the question.
Who invented or popularised it?
Baidu ECharts became Apache ECharts as a top GitHub visualization project
What does it encode?
JSON options mapping datasets to Cartesian, polar and graph views
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Apache ECharts dashboards encodes values as JSON options mapping datasets to Cartesian, polar and graph views. Baidu ECharts became Apache ECharts as a top GitHub visualization project.
In reports, ads and assignments it fits ops dashboards, quarterly packs, live KPI walls. Skip it when a single static bar in a PDF would answer the question.
Software
- Apache ECharts — Full-featured charting library under the Apache umbrella. · Apache-2.0 · github.com/apache/echarts
- ECharts examples — Copy patterns, then simplify for your audience. · Apache-2.0 · github.com/apache/echarts-examples
- ECharts docs — Option reference for series, axes and visualMap. · Apache-2.0 · github.com/apache/echarts-doc
- D3 (custom marks) — Drop to D3 when ECharts options cannot express the story. · ISC · github.com/d3/d3
- Static SVG twin — Print-safe SVG twins for the same KPI story. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exports
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG into slides (no screenshots)
- Exports 4 — SVG for web, PDF for print
Accessibility
- Accessibility 1 — Never hue alone. Stack pattern, label and position.
- Accessibility 2 — 4.5:1 for text, 3:1 for large marks.
- Accessibility 3 — Short alt text on the chart; numbers also as an HTML table.
- Accessibility 4 — Motion only as emphasis. Honour prefers-reduced-motion.
Apache ECharts dashboards: honour JSON options mapping datasets to Cartesian, polar and graph views, and switch when a single static bar in a PDF would answer the question.