React data-viz component library; choose if you want pure-React D3 components instead of a Chart.js wrapper.
๐ Data visualization library for React. Maintained by @goodcodeus.
- 1.3k
- TypeScript
- Apache-2.0
React charting / charting-library
React components that wrap Chart.js v3/v4, letting developers render Chart.js charts declaratively from React.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
React data-viz component library; choose if you want pure-React D3 components instead of a Chart.js wrapper.
๐ Data visualization library for React. Maintained by @goodcodeus.
React chart component library built on D3; choose for React apps that prefer SVG charts and JSX-declared chart elements over Chart.js options.
Redefined chart library built with React and D3
composable React chart components with SVG output; choose for a React-native? actually a React web library when you want accessible composable charting.
A collection of composable React components for building interactive data visualizations
modular data-viz framework with React bindings; choose if you want React chart components with canvas rendering across frameworks.
Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
standalone browser chart library; choose when you don't need a React wrapper and want many built-in chart types and an Apache-2.0 license.
Apache ECharts is a powerful, interactive charting and data visualization library for browser
imperative JS charting library; choose for scientific/3D/dashboards and when a React wrapper is not required.
Open-source JavaScript charting library behind Plotly and Dash
React Native chart components; choose when the app targets native mobile because react-chartjs-2 cannot run there.
Beautiful charts for React Native. Line, area, bar, pie, donut, progress, and contribution heatmaps for dashboards, reports, and data-rich mobile apps.
cross-platform spec-driven charting library; choose if you need one chart system across web/mobile/mini-app platforms.
VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
standalone TypeScript chart library with specialized stock/map modules; choose when you can work outside React or add your own binding.
The most advanced amCharts charting library for JavaScript and TypeScript apps.
spec-first charting runtime for programmatic/AI-generated visuals; choose when charts are defined as specs rather than React components.
๐ช Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.
modular D3-based chart components; choose for non-React TypeScript apps that want composable chart primitives.
:bar_chart: A library of modular chart components built on D3
low-level React/D3 visualization primitives; choose when you need custom chart composition instead of prebuilt chart components.
๐ฏ visx | visualization components
visualization grammar library; choose if you want a grammar-of-graphics approach and will integrate it with React yourself.
๐ The concise and progressive visualization grammar.
standalone interactive SVG chart engine; choose when an imperative API is acceptable and you don't want a React wrapper.
๐ Interactive JavaScript Charts built on SVG
D3-based JavaScript chart library; choose for SVG charts with an imperative API instead of React components.
๐ Re-usable, easy interface JavaScript chart library based on D3.js, with SVG and Canvas rendering support
concise JavaScript plotting API with a layered grammar; choose for exploratory/static charts not delivered as React components.
A concise API for exploratory data visualization implementing a layered grammar of graphics
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
CSS-only data-viz framework; choose for lightweight static charts where no JavaScript is allowed.
Open source CSS framework for data visualization.
older React chart library wrapping G2; choose only if you need its specific G2/React API and accept its stale maintenance state.
Powerful data visualization library based on G2 and React.
older standalone library for sketchy/hand-drawn charts; choose only for that specific aesthetic.
Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
specialized animated chart/storytelling library; choose when animated data stories are the core need, not general dashboards.
Library for animated data visualizations and data stories.
These projects were analysed and named react-chartjs-2 among their alternatives. The relationship is not symmetric โ how react-chartjs-2 rates them is a separate judgement, made when react-chartjs-2 is analysed in its own right.
calls react-chartjs-2 โChoose when you want React components over Chart.js for simple, responsive Canvas charts instead of D3.โ
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
calls react-chartjs-2 โchoose when you prefer Chart.js's canvas-based rendering and its ecosystem over Recharts' SVG componentsโ
Redefined chart library built with React and D3
calls react-chartjs-2 โChoose if you want React components backed by Chart.js's simple API; it is a thin binding rather than a low-level grammar.โ
๐ฏ visx | visualization components
calls react-chartjs-2 โUse when you prefer Chart.js's rendering model and need a React wrapper, but not D3-based.โ
A collection of composable React components for building interactive data visualizations
calls react-chartjs-2 โChoose if you prefer Chart.js's canvas rendering and its plugin ecosystem.โ
Data Visualization Components
calls react-chartjs-2 โFor React apps using Chart.js that want a thin component wrapper instead of imperative Chart.js code.โ
Interactive plotting library for .NET