Charts

Display data in charts / graphs / diagrams

Newest releases
1.9k

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

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.
 
1.9k

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.
 
541

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

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.
 
175

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
 
75

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
 
1.4k

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
 
3.4k

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.
 
5.3k

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 https://github.com/projectstorm/react-canvas. DEMO: ht
 
12

woles React 3d pie/donut chart with typescrpit SVG 3D pie / donut chart with tooltips and typescript Demo https://woles.github.io/react-pie3d-demo/ Requirements react >= 16.8.0
 
1.1k

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
 
596

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
 
5.4k

alibaba BizCharts New charting and visualization library has been released: http://bizcharts.net/products/bizCharts. Please move to it and we won't maintain the old version soon. More details about BizCharts
 
1.2k

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
 
7.5k

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

emeeks semiotic Semiotic is now under the nteract org at https://github.com/nteract/semiotic If you're looking for documentation please check out https://semiotic.nteract.io/ If you have any issues with the docs please leave
 
7.8k

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
 
Popular
15.3k

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
 
126

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
 
169

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
 
Popular
8.5k

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

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

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
 
109

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
 
295

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
 
2.6k

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

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
 
1.4k

Raathigesh React Dazzle Dashboards made easy in React JS Looking for maintainers https://github.com/Raathigesh/dazzle/issues/41 Dazzle is a library for building dashboards with React JS. Dazzle doe
 
2.9k

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
 
1.6k

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
 
183

bgrsquared --> Demos, Examples, Playground, Docu --> d3-react-squared-c3-loader --> New live example --> New blog post, based on live example Notes --> v0.6.0 and later require d3 v4! --> v0.3.0 and later re
 
487

fraserxu react-chartist React component for Chartist.js Installation $ npm install react-chartist --save Chartist is a peer dependency to react chartist. You need to install it if you do not have it installed al