reaviz - 📊 Data visualization library for React based on D3

•    TypeScript

---

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

d3js charts data-visualization reactjs dataviz bar-chart area-chart hive-plot scatter-plot map-chart sparkline pie-chart bubble-chart sankey-chart svg heatmap calendar-heatmap react d3.js d3 charting axis brush line-chart sankey pan zoom radial legends

react-stockcharts - Highly customizable stock charts with ReactJS and d3

•    Javascript

---

Highly customizable stock charts with ReactJS and d3

charts charting stockcharts finance financechart react reactjs d3 react-component react-charts chart-components javascript-finance-chart javascript-stockchart data-visualization data-viz d3-finance-chart d3-stockchart

react-vis - Data-Visualization oriented components

•    Javascript

---

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, parallel coordinates, and tree maps.Install react-vis via npm.

uber chart data-visualization charting-library visualization react d3 es6 babel

react-d3-components - D3 Components for React

•    Javascript

---

Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM. to start a webserver, and navigate to http://localhost:8000/example in order to visualize the new example page. Note that the example page directly points to the dist folder.

react d3 graph chart charting-library charts waveform pie-chart area-chart chart-component visualization react-component

AnyChart-Android - AnyChart Android Chart is an amazing data visualization library for easily creating interactive charts in Android apps

•    Java

---

AnyChart Android Charts is an amazing data visualization library for easily creating interactive charts in Android apps. It runs on API 19+ (Android 4.4) and features dozens of built-in chart types. Check out getting started.

android-library android-development android-ui android-chart data-visualization charts chart android-component chart-component chart-library charting-library charting android-charting android-charts android-view android-widget android-widgets android gradle android-studio

react-timeseries-charts - Declarative and modular timeseries charting components for React

•    Javascript

---

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 network traffic data in particular. Low level elements are constructed using d3, while higher level composability is provided by React. Charts can be stacked as rows, overlaid on top of each other, or any combination, all in a highly declarative manner. The library is used throughout the public facing ESnet Portal.

chart timeseries react pond d3 charts

ngx-graph - Graph visualization library for angular

•    TypeScript

---

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

dag directed-graph chart svg angular angular2 data-viz workflow angularjs charts charting d3 viz graph dataviz d3.js d3js angular4 directed-acyclic-graph visualization tree

vx - 🐯react + d3 = vx | visualization components

•    Javascript

---

vx is a collection of reusable low-level visualization components. vx combines the power of d3 to generate your visualization with the benefits of react for updating the DOM. Let's make a simple bar graph.

vx react d3 visualization chart svg data-visualization charts

react-d3-library - Open source library for using D3 in React

•    Javascript

---

An open source library that will allow developers the ability to reroute D3 output to React’s virtual DOM. Just use your existing D3 code, and with a few simples lines, you can now harness the power of React with the flexibility of D3! React-D3-Library will compile your code into React components, and it also comes with a series of D3 template charts converted to React components for developers who are unfamiliar with D3. Not only do we build fully functional React components, but they utilize the power of D3 to automate scaling ranges, normalizing data, and constructing legends.

d3 react data visualization library graphs charts plots

chartify - React.js plugin for building simple animated draggable charts

•    Javascript

---

The source for this module is in the main repo.Container prop is a class that will be added to the chart container element. This is important in case you have more than one chart on your page.

chart charts react barchart linechart timeline timesheet films music-library music-visualizer react-plugins customizable-charts cinematography movie-collection visualization draggable-elements draggable film-ratings rank reactjs react-js react-chart scale items dataset kinopoisk line-chart bar-chart marks axis calendar-view pyramid progress-chart showreel visualisation diagram graph

BizCharts - data visualization library based G2 and React

•    Javascript

---

A powerful React chart library based G2 for browser

visualization canvas react reactjs chart react-component g2 bizcharts

mapd-charting - Dimensional charting built to work natively with crossfilter rendered using d3.js

•    Javascript

---

Dimensional charting built to work natively with crossfilter rendered using d3.js. MapD-Charting is a superfast charting library that works natively with crossfilter that is based off dc.js. It is designed to work with MapD-Connector and MapD-Crossfilter to create charts instantly with our MapD-Core SQL Database. Please see examples for further understanding to quickly create interactive charts.

visualization charting-library mapd crossfilter interactive-visualization gpu svg animation canvas chart dimensional d3

react-apexcharts - 📊 React Component for ApexCharts

•    Javascript

---

React.js wrapper for ApexCharts to build interactive visualizations in react. Simple! Just change the series or any option and it will automatically re-render the chart.

apexcharts react charts reactjs visualizations react-charts graphs data-visualization

dc.js - Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

•    Javascript

---

A multi-dimensional charting library built to work natively with crossfilter and rendered using d3.js

crossfilter visualization charting svg animation canvas chart dimensional d3 data-visualization charts charting-library

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

•    Javascript

---

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

angular nvd3 d3 directive visualization charts svg angularjs angular-component

nvd3 - A reusable charting library written in d3.js

•    Javascript

---

A reusable charting library written in d3.js

nvd3 d3 chart graph visualization data-visualization charts charting-library

react-google-charts - A thin, typed, React wrapper over Google Charts Visualization and Charts API.

•    TypeScript

---

A thin, typed, React wrapper for Google Charts. Set the chart-specific events you want to listen to and the corresponding callback. The callback has the component as an argument.

react google-charts charts react-google-charts area-chart bar-chart bubble-chart calendar-chart candlestick-chart column-chart donut-chart gantt gantt-chart gauge-chart geochart histogram line-chart org-chart typescript google

c3 - A D3-based reusable chart library

•    Javascript

---

D3-based reusable chart library

chart d3 graphics data-visualization svg graph interactive-visualizations visualization charts charting-library

epoch - A general purpose, real-time visualization library.

•    HTML

---

A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations.

chart charting visualization svg animation canvas d3 data-visualization charts charting-library

react-native-svg-charts - 📈 One library to rule all charts for React Native 📊

•    Javascript

---

A much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.

react-native react-native-charts react-native-d3 d3 charts svg react-native-svg react-component react-native-component react mobile ios android vector chart