Components and examples

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

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 broad example exploration, use the demo workspace in this repository:

pnpm -C demo dev

Demo source: github.com/noobships/shadcn-echarts/tree/main/demo