Display data in charts / graphs / diagrams

Newest releases

reaviz REAFLOW is a modular diagram engine for build static or interactive editors. The library is feature rich and modular allowing for displaying complex visualizations with total customizability.

antonioru Javascript diagramming libraries are often difficult to integrate in React projects.

pmndrs Placing content in THREE.js is hard. react-three-flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open source layout engine for react-native.

wbkd React Flow is a library for building node-based graphs. You can easily implement custom node types and it comes with components like a mini-map and graph controls.

Microsoft A flexible, React-friendly, Grammar of Graphics for data visualization

antvis Graphin means Graph Insight (analysis of graphs). It is a library based on G6 and React and offers graph analysis ability out of the box. Graphin's logo is graphene, which means the potential of the future.

oslabs-beta As React applications scale, it becomes more difficult to track state and to have a holistic overview of the component hierarchy. Realize is a tool to help developers visualize the structure and state flow of their React applicati

jviide flowponent A small library for Preact 10.x (and React - see "Usage with React") for defining workflow-like evolving views via generators. Here's the canonical counter example (also available at Codesandbox): import

beizhedenglong Rough Charts ยท A responsive, composable react charting library with a hand-drawn style. See Examples From StoryBooks. Overview Features It's responsive. It's flexible and easy to

reactchartjs Looking for maintainers!! react-chartjs-2 React wrapper for Chart.js 2 Open for PRs and contributions! UPDATE to 2.x As of 2.x we have made chart.js a peer dependency for greater flexibility.

projectstorm STORM React Diagrams PSA: React Diagrams is currently getting a bit of a rewrite to enable much more advanced features. To see the new foundation WIP visit DEMO: ht

woles React 3d pie/donut chart with typescrpit SVG 3D pie / donut chart with tooltips and typescript Demo Requirements react >= 16.8.0

jask-oss Data visualization library for React based on D3js REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The lib

apexcharts React.js wrapper for ApexCharts to build interactive visualizations in react. Download and Installation Installing via npm npm install react-apexcharts apexcharts Usage import

alibaba BizCharts New charting and visualization library has been released: Please move to it and we won't maintain the old version soon. More details about BizCharts

ankane React Chartkick Create beautiful charts with one line of React See it in action Supports Chart.js, Google Charts, and Highcharts Charts Line chart <LineChart data={{"2017-01-01 00:00:00

uber This library is deprecated. Please see react-vis | Demos | Docs A COMPOSABLE VISUALIZATION SYSTEM Overview A collection of react components to render common da

emeeks semiotic Semiotic is now under the nteract org at If you're looking for documentation please check out If you have any issues with the docs please leave

plouc nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully

recharts Recharts Introduction Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts in React applications without any pain. Main prin

kensho-technologies Orama Plug and Play React Charts Responsive layout Automatic data type extraction Freely composable marks Canvas rendering and caching optimizations Configurable theme Orama has been powering Kensho's cha

moodysalem react-tournament-bracket React components for rendering a tournament bracket Demo Go here Install npm i react-tournament-bracket Usage These bracket components rely on a cyclica

FormidableLabs Victory an ecosystem of composable React components for building interactive data visualizations. Contents Getting Started Victory Native API Documentation Guides Contributing S

visgl | Website WebGL2-powered, highly performant large-scale data visualization is designed to simplify high-performance, WebGL-based visualization of large data sets. Users can q

kis Chartify React.js plugin for building charts using CSS. Demo The source for this module is in the main repo. Example app is here. Backend service for the example app is here. npm package is here. I

KyleAMathews react-micro-bar-chart React component for micro bar-charts rendered with D3. Companion to react-sparkline. Install npm install react-micro-bar-chart Usage Intended for simple micro-charts. var

rumble-charts rumble-charts React components for building composable and flexible charts. It's based on D3.js under the hood, but most of the time you will not feel that. Documentation All examples are editable. Y

borisyankov Beautiful and expressive sparklines component for React Live demos and docs: Install npm install react-sparklines --save Run demo npm install npm star

KyleAMathews react-sparkline React component for rendering simple sparklines. Companion to react-micro-bar-chart. Install npm install react-sparkline Usage var Sparkline = require('react-sparkline'); // Pa

Raathigesh React Dazzle Dashboards made easy in React JS Looking for maintainers Dazzle is a library for building dashboards with React JS. Dazzle doe

reactjs react-chartjs rich interactive react charting components using chart.js including Line chart Bar chart Radar chart Polar area chart Pie chart Doughnut chart view chart examples Installation

codesuki Looking for maintainers. If you are interested in maintaining this library please open an issue. react-d3-components D3 Components for React Let React have complete control over the DOM even when using