Components and examples

Registry currently includes 36 chart components (2D + 3D/WebGL).

2D charts are zero-setup. 3D/WebGL charts require echarts-gl and are currently early (not yet broadly battle-tested).

Install examples

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/area-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/bar-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/line-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/pie-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/radar-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/scatter-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/heatmap-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/sankey-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/treemap-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/bar-3d-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/globe-3d-chart.json

npx shadcn@latest add https:shadcn-echarts.devstool.dev/r/surface-3d-chart.json

Interactive demo

For real-world usage, explore the live dashboard demo:

https://shadcn-echarts-demo.devstool.dev/dashboard

Demo repository: github.com/noobships/shadcn-echarts-demo

Local workspace demo in this repo is still available via:

pnpm -C demo dev