# Charts

Canonical: https://socra.design/charts

Chart components for quantitative display.

- [Chart](https://socra.design/charts/chart.md): The official shadcn Base Chart namespace (ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle) from @socra/web-ui over Recharts v3.
- [Charts Family](https://socra.design/charts/charts-family.md): The charts.* namespace family — TimeSeries, TimeScatter, StatTile, StatRow, Legend, ToneDot, StackedBar — quantitative display on semantic tones and closed scales; the rendering engine is a module secret.
- [Graph Family](https://socra.design/charts/graph-family.md): The graph.* namespace family — Scene renders a DAG on a full-canvas dendritic river with mount gate, canvas-unavailable fallback, motion-preference honoring, and theme-role color resolution; the rendering engine is a module secret.
- [Elements](https://socra.design/charts/elements.md): Elements in the UI system.
- [Bars](https://socra.design/charts/bars.md): Bars in the UI system.
- [Lines](https://socra.design/charts/lines.md): Lines in the UI system.
- [Pie](https://socra.design/charts/pie.md): Pie in the UI system.
- [Scatter](https://socra.design/charts/scatter.md): Scatter in the UI system.
- [Sparkline](https://socra.design/charts/sparkline.md): Sparkline in the UI system.
- [Gauge](https://socra.design/charts/gauge.md): Gauge in the UI system.
- [Radar](https://socra.design/charts/radar.md): Radar in the UI system.
- [Heatmap](https://socra.design/charts/heatmap.md): Heatmap in the UI system.
- [Funnel](https://socra.design/charts/funnel.md): Funnel in the UI system.