React components for rendering a tournament bracket
React components for rendering a tournament bracket.
Frappe Gantt components for React wrapper
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.
Simple Plug and Play React Charts
Orama has been powering Kensho charts in production for more than a year.
Supercharged React components to easily build dataviz apps
nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3.
A data visualization framework combining React & D3
Semiotic is a data visualization framework combining React & D3.
Create beautiful JavaScript charts with one line of React
Create beautiful JavaScript charts with one line of React.
A powerful data visualization library based G2 React
BizCharts: a powerful data visualization library based G2 React.
Number ticker for React Web Supply some text and a textClassName
Number ticker for React Web. Supply some text, and a textClassName, then start ticking values.
ScatterPlot with React D3
a example about React and D3 are Friends.
A really simple react component to generate pie and doughnut charts
Just playing around trying to make a really simple react component to generate pie and doughnut charts.
Static data example for using Chartist.js within React
Recently, I needed to evaluate several JS charting libraries for use within a React application.
A React component for display a dial-type chart of PageSpeed Insights
React PageSpeed Score A React component for display a dial-type chart of PageSpeed Insights. Install Via Node.js run the following: $ npm i react-pagespeed-score --save Basic Usage import React from 'react'; import ReactDOM
Simple and elegant spark lines
React Trend Graphing tools are often complex, abstract, and heavy. They require domain-specific knowledge, and a significant time investment. While building rich data visualizations for an analytics app, this is a necessary cost.
Highcharts component for react
react-highcharts Highcharts component for react. Live Demo http://kirjs.github.io/react-highcharts/highstock.html GitHub
React.js plugin for building animated draggable and customizable charts
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
Lightweight but powerful library for drawing network graphs built on top of SigmaJS
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
A collection of composable React components for building interactive data visualizations
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
A React JS wrapper to make it easy and fun to work with Google Charts
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
Declarative and modular timeseries charting components for React
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 component for micro bar-charts rendered with D3
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
React components for building composable and flexible 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. You
Beautiful and expressive sparklines component for React
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 component for rendering simple sparklines
react-sparkline React component for rendering simple sparklines. Companion to react-micro-bar-chart. Live Demo http://kyleamathews.github.io/react-sparkline/ GitHub
Data visualization library based on React and d3
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
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
common react charting components using chart.js
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
Let React have complete control over the DOM even when using D3
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/
Lightweight event system for (d3) charts and other components for ReactJS
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 component for Chartist.js
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
Recharts : Redefined chart library built with React and D3
Recharts A composable charting library built on React components Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts
Data-Visualization oriented components
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
Declarative and modular timeseries charting components for React
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
Add line, area, pie, and bar charts to your React Native app
react-native-chart Add line, area, pie, and bar charts to your React Native app Join the chat at https://gitter.im/tomauty/react-native-chart npm version react-native-chart is a simple module for adding line charts,
React JS with Google Charts Component
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
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
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 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
React component for micro bar-charts rendered with D3
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
Simple bar chart Written Using React.js
React bar chart Just a simple bar chart react component, mostly customizable via css. This is WIP and probably full of bugs codepen demo See the Pen React bar chart by Mehdi Hamoudi