Chart

React components for rendering a tournament bracket.

gantt-for-react Frappe Gantt components for React wrapper. View demo Download Source 1. install npm install gantt-for-react 2. usage import React from 'react'; import ReactGantt from 'gantt-for-react'; <ReactGantt tasks={this.getTasks()} viewMode={this.

Orama has been powering Kensho charts in production for more than a year.

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3.

Semiotic is a data visualization framework combining React & D3.

Create beautiful JavaScript charts with one line of React.

BizCharts: a powerful data visualization library based G2 React.

a example about React and D3 are Friends.

Just playing around trying to make a really simple react component to generate pie and doughnut charts.

Recently, I needed to evaluate several JS charting libraries for use within a React application.

react-highcharts Highcharts component for react. Live Demo http://kirjs.github.io/react-highcharts/highstock.html GitHub

Chartify React.js plugin for building animated draggable and customizable charts. The source for this module is in the main repo. Please contribute. Live Demo https://kiqs.github.io/chartify/example/ GitHub

react-sigmajs It makes easy to publish networks on Web pages and allows developers to integrate network exploration in rich Web applications. Use JSX for graph configuration, including asynchronous graph loading. Library is lightweight

Victory Victory is an opinionated, but fully overridable, ecosystem of composable React components for building interactive data visualizations. an ecosystem of composable React components for building interactive data visualizations. React.js components for

react-google-charts React-google-charts React component. A React JS wrapper to make it easy and fun to work with Google Charts. Live Demo http://rakannimer.github.io/react-google-charts/ GitHub

React Timeseries Charts This library contains a set of modular charting components used for building flexible interactive charts. It was built for React from the ground up, specifically to visualize timeseries data and

react-micro-bar-chart React component for micro bar-charts rendered with D3. Companion to react-sparkline. Live Demo http://kyleamathews.github.io/react-micro-bar-chart/ GitHub

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

Beautiful and expressive Sparklines React component Import the Sparklines components that you need; for example to generate a simple chart: Sparklines component is a container with the following properties: data - the data

react-sparkline React component for rendering simple sparklines. Companion to react-micro-bar-chart. Live Demo http://kyleamathews.github.io/react-sparkline/ GitHub

react-vis A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, and tree maps.

React Dazzle Dashboards made easy in React JS. Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate

react-chartjs rich interactive react charting components using chart.js including Line chart Bar chart Radar chart Polar area chart Pie chart Doughnut chart Live Demo https://reactcommunity.org/react-chartjs/index.html GitHub

react-d3-components D3 Components for React. Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM. Live Demo http://codesuki.github.io/react-d3-components/

d3-react-squared Lightweight event system for (d3) charts and other components for ReactJS. Why yet another d3-react component? There are already some great solutions out there, combining React and D3, e.g.: A gist

react-chartist React component for Chartist.js Options Please check out Chartist.js API documentation for more details of the options. data - chart data (required) type - chart type (required) style - inline

react-vis Data Visualization oriented components Overview A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, pie and donut charts with fixed headers

React Timeseries Charts This library contains a set of modular charting components used for building flexible interactive charts. It was built for React from the ground up, specifically to visualize timeseries data and

React JS with Google Charts Component A basic example of a react JS component that updates a google chart. The getData function can me made into a promise with a ajax call to

LineChart using React and D3 In this How to integrate React and D3 – The right way tutorial we will take a look at integrating React with another very popular javascript component (d3.js)

Simple Donut Chart with React JS Just a simple donut chart for react. codepen See the Pen React JS Simple Donut Chart by Ted (@zeroskillz) on CodePen.

React bar chart React bar chart code by Mehdi Hamoudi. I am just playing around, trying to make a simple to use react bar chart component, and mostly customizable via CSS codepen See