Using the Shadcn CLI
RosenCharts supports the Shadcn CLI, so you can import our charts into your project with a simple command.
Importing all charts
Typescript
npx shadcn@latest add https://rosencharts.com/r/charts.json
Importing all charts from a category
Typescript
npx shadcn@latest add https://rosencharts.com/r/area-charts.json
Options are: area-charts, bar-charts, bubble-charts, donut-charts, funnel-charts, heatmap-charts, line-charts, pie-charts, radar-charts, scatter-charts, treemap-charts
Importing a specific chart
Typescript
npx shadcn@latest add https://rosencharts.com/r/area-chart.json
To find out which charts are available, you can check the 'target' field in each chart in the category page. E.g. Area Charts.