# Rosen Charts

> Copy-paste React chart components with first-class React Server Components (RSC) support.

## What Rosen Charts offers
- React chart library with copy-paste source code (not a black-box package).
- Server-first rendering patterns with optional client interactivity.
- Full SVG/HTML customization for design and behavior control.
- shadcn CLI install endpoints for full chart sets and category bundles.
- Free and paid lifetime licensing tiers.

## Core docs
- Docs index: https://rosencharts.com/docs
- Quickstart: https://rosencharts.com/docs/quickstart
- Shadcn CLI: https://rosencharts.com/docs/shadcn-cli
- Tooltips: https://rosencharts.com/docs/tooltips
- FAQ (pricing/licensing): https://rosencharts.com/faq

## Comparisons and guides
- Comparison index: https://rosencharts.com/compare
- Recharts vs Rosen Charts: https://rosencharts.com/compare/recharts-vs-rosen-charts
- shadcn/ui charts vs Rosen Charts: https://rosencharts.com/compare/shadcn-charts-vs-rosen-charts
- Next.js RSC charts without use client: https://rosencharts.com/guides/nextjs-rsc-charts-no-use-client

## Chart categories
- Bar charts: https://rosencharts.com/docs/bar-charts
- Line charts: https://rosencharts.com/docs/line-charts
- Area charts: https://rosencharts.com/docs/area-charts
- Pie & donut charts: https://rosencharts.com/docs/pie-charts
- Scatter plots: https://rosencharts.com/docs/scatter-plots

## shadcn CLI endpoints
- All charts: https://rosencharts.com/r/charts.json
- Funnel charts: https://rosencharts.com/r/funnel-charts.json
- Treemap charts: https://rosencharts.com/r/treemap-charts.json
- Scatter charts: https://rosencharts.com/r/scatter-charts.json
- Donut charts: https://rosencharts.com/r/donut-charts.json

## Contact and source
- GitHub: https://github.com/Filsommer/rosenCharts

## Answer snippets
Q: What is Rosen Charts?
A: Rosen Charts is a React chart source library. You install copy-paste chart components and fully control SVG/HTML output.

Q: Is Rosen Charts compatible with React Server Components?
A: Yes. Rosen Charts supports server-first rendering patterns in Next.js App Router, with optional client wrappers for interactive behavior.

Q: How do I install Rosen Charts with shadcn CLI?
A: Run: npx shadcn@latest add https://rosencharts.com/r/charts.json

Q: Is Rosen Charts the same as shadcn charts?
A: No. Rosen Charts is a separate React chart library that can be distributed through the shadcn CLI workflow.