# Components

> Twelve copy-paste React chart components. Each entry links to its markdown docs and registry item.

## Charts

| Chart | Markdown docs | Install |
| --- | --- | --- |
| Bar Chart | [bar-chart.md](https://mariocharts.com/docs/components/bar-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/bar-chart.json` |
| Line Chart | [line-chart.md](https://mariocharts.com/docs/components/line-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/line-chart.json` |
| Area Chart | [area-chart.md](https://mariocharts.com/docs/components/area-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/area-chart.json` |
| Pie Chart | [pie-chart.md](https://mariocharts.com/docs/components/pie-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/pie-chart.json` |
| Scatter Plot | [scatter-plot.md](https://mariocharts.com/docs/components/scatter-plot.md) | `npx shadcn@latest add https://mariocharts.com/r/scatter-plot.json` |
| Radar Chart | [radar-chart.md](https://mariocharts.com/docs/components/radar-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/radar-chart.json` |
| Stacked Bar Chart | [stacked-bar-chart.md](https://mariocharts.com/docs/components/stacked-bar-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/stacked-bar-chart.json` |
| Gauge Chart | [gauge-chart.md](https://mariocharts.com/docs/components/gauge-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/gauge-chart.json` |
| Heatmap | [heatmap.md](https://mariocharts.com/docs/components/heatmap.md) | `npx shadcn@latest add https://mariocharts.com/r/heatmap.json` |
| Funnel Chart | [funnel-chart.md](https://mariocharts.com/docs/components/funnel-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/funnel-chart.json` |
| Treemap | [treemap.md](https://mariocharts.com/docs/components/treemap.md) | `npx shadcn@latest add https://mariocharts.com/r/treemap-chart.json` |
| Waterfall Chart | [waterfall-chart.md](https://mariocharts.com/docs/components/waterfall-chart.md) | `npx shadcn@latest add https://mariocharts.com/r/waterfall-chart.json` |

## Agent indexes

- https://mariocharts.com/llms.txt
- https://mariocharts.com/llms-full.txt
- https://mariocharts.com/r/registry.json

HTML gallery: https://mariocharts.com/docs/components