Web Dev Tools

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) — d3 primitives 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).

On this page