Charts & Data Visualization
Charts and visualization libraries that work in modern stacks.
React, drop-in
- ★ Recharts — composable, declarative, the default for shadcn-flavored charts. The shadcn/ui Charts component is built on Recharts.
- ★ Tremor — dashboard chart components on top of Recharts/Visx; Tailwind-native.
- Nivo — beautiful defaults, big component count.
- react-chartjs-2 — wrapper for Chart.js.
Lower-level / flexible
- ★ Visx (Airbnb) —
d3primitives wrapped as React components. Best when defaults aren't right. - D3 — the foundation. Use directly for fully custom viz.
- ECharts + echarts-for-react — Apache ECharts; massive feature surface, great for enterprise dashboards.
- Plotly.js — large, scientific-grade, free for non-commercial in some configs.
- HighCharts — gorgeous, but commercial license required for non-personal use.
Mobile / cross-platform
- Victory Native — React Native charts.
- react-native-skia + chart libs — performant native charts.
Specialty
- OpenLayers, Leaflet, Mapbox GL JS, MapLibre GL — maps.
- Cytoscape.js — graph / network visualization.
- VisGL / deck.gl — WebGL-based geo visualization.
- AntV G2 / G6 — chart and graph libs from the Ant Design team.
- Apache ECharts WordCloud, Heatmap extensions — for non-default chart types.
Pick this if…
- Default dashboard charts: Recharts (especially with shadcn/ui Charts).
- Polished business dashboards quickly: Tremor.
- Custom / unusual charts: Visx.
- Enterprise feature breadth: ECharts.
- Maps: MapLibre GL (open source) or Mapbox GL (free tier).