React data visualization / charting components
visx is a collection of low-level reusable React components for building custom data visualizations, combining D3's computational power with React's rendering.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose when you need a full-featured, config-driven charting library without deep React integration; it offers high performance and built-in interactivity.
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Choose for a higher-level React chart component library with ready-made chart types, if you want to avoid composing low-level primitives.
A collection of composable React components for building interactive data visualizations
Choose for a rich, feature-heavy charting library with a simple API, but it is not React-specific.
The most advanced amCharts charting library for JavaScript and TypeScript apps.
Choose for scientific chart types and responsive interactivity, but it uses a config/DOM approach rather than React components.
Open-source JavaScript charting library behind Plotly and Dash
Choose if you want React components backed by Chart.js's simple API; it is a thin binding rather than a low-level grammar.
React components for Chart.js, the most popular charting library
Choose for a D3-based modular chart library when you are not using React; it offers higher-level components than raw D3.
:bar_chart: A library of modular chart components built on D3
Choose for charting in React Native mobile apps, but it is not a drop-in for web-based visx.
Beautiful charts for React Native. Line, area, bar, pie, donut, progress, and contribution heatmaps for dashboards, reports, and data-rich mobile apps.
Choose for a cross-platform charting solution with a spec-based API and built-in themes; not React-native.
VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
Choose for a maintained React charting library with ready-made components, if you prefer high-level over low-level.
📊 Data visualization library for React. Maintained by @goodcodeus.
Choose for a popular high-level React chart library with declarative components and simple customization.
Redefined chart library built with React and D3
Use for a framework-agnostic, configurable SVG chart library; it does not integrate with React components natively.
📊 Interactive JavaScript Charts built on SVG
Choose for WebGL-powered large-scale data visualization when performance on big datasets is critical.
WebGL2 powered visualization framework
Use for a grammar-of-graphics approach to statistical charts, independent of React.
📊 The concise and progressive visualization grammar.
Select for a D3-powered, easy-API chart library with SVG/Canvas support; not React-integrated.
📊 Re-usable, easy interface JavaScript chart library based on D3.js, with SVG and Canvas rendering support
Choose for concise, grammar-based exploratory charts in vanilla JS, not React components.
A concise API for exploratory data visualization implementing a layered grammar of graphics
Use for a cross-framework charting framework with high-level components, if you need to share charts across frameworks.
Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Narrow-purpose library for hand-drawn sketchy chart style, not a general charting solution.
Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
These projects were analysed and named visx among their alternatives. The relationship is not symmetric — how visx rates them is a separate judgement, made when visx is analysed in its own right.
calls visx “Use when you need low-level React visualization primitives for custom charting, similar to Victory's composable components.”
A collection of composable React components for building interactive data visualizations
calls visx “Choose for low-level, composable React primitives that give finer control than react-vis.”
Data Visualization Components
calls visx “choose when you want low-level React visualization primitives to build custom charts, rather than Recharts' high-level components”
Redefined chart library built with React and D3
calls visx “choose when you need low-level React visualizations built on D3 primitives; not declarative.”
A visualization grammar.
calls visx “low-level React/D3 visualization primitives; choose when you need custom chart composition instead of prebuilt chart components.”
React components for Chart.js, the most popular charting library
calls visx “For React apps needing low-level D3 primitives to build fully custom visualizations.”
Interactive plotting library for .NET
calls visx “Choose for React apps that want low-level D3 visualization primitives, accepting React-specific architecture.”
:bar_chart: A library of modular chart components built on D3
calls visx “when you are building React dashboards and want low-level visualization primitives instead of prebuilt components.”
A JavaScript library for real-time visualization
calls visx “Choose when you want low-level D3/React primitives and will compose your own chart components.”
D3 Components for React