Skip to main content
Visualisations

# ECharts gallery

Chart cards SVG charts
Revenue trend
12-month area
Plan growth
Stacked area
Sessions & page views
Multi-series with dashed comparison
Stock OHLC
Candlestick · 14 sessions
Sales by channel
Vertical bar with categorical colors
Top countries
Horizontal bar · users by country
Orders & AOV
Bar with secondary-axis line
Engagement vs retention
Bubble plot · size = MAU
v3 vs v4
6-axis radar comparison
Conversion funnel
Visitor → Paid stages
Activity heatmap
Events by hour and day-of-week
Quarterly target
Gauge · 78% of goal
Traffic sources
Donut with legend
42k
visits
Organic 40%
Direct 20%
Referral 15%
Social 12%
Email 13%
Devices
Donut
55%
mobile
iOS 30%
Android 25%
Desktop 20%
Tablet 15%
Other 10%
Monthly mix
Polar bar
All charts on this page are real Apache ECharts instances using `data-chart="…"` attributes. Colors come straight from the v4 design tokens, so changing `--primary` in `_tokens.scss` restyles every chart automatically. ECharts is dynamically imported so pages without charts skip the ~360 KB.