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.