Charts

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.

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

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.

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.

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

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.

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

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

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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