dash - Interactive, Reactive Web Apps for Python. Dash Is Productive™

•    Python

---

Build on top of Plotly.js, React, and Flask, Dash ties modern UI elements like dropdowns, sliders, and graphs directly to your analytical python code. Here’s a 43-line example of a Dash App that ties a Dropdown to a D3.js Plotly Graph. As the user selects a value in the Dropdown, the application code dynamically exports data from Google Finance into a Pandas DataFrame. This app was written in just 43 lines of code (view the source).

dash plotly data-visualization data-science gui-framework flask react finance bioinformatics technical-computing charting plotly-dash web-app

plotly - An interactive graphing library for R

•    R

---

An R package for creating interactive web graphics via the open source JavaScript graphing library plotly.js.NOTE: The CRAN version of plotly is designed to work with the CRAN version of ggplot2, but at least for the time being, we recommend using the development versions of both plotly and ggplot2 (devtools::install_github("hadley/ggplot2")).

r ggplot2 data-visualization d3js shiny plotly webgl

plotly.py - An interactive, browser-based graphing library for Python :sparkles:

•    Python

---

Built on top of plotly.js, plotly.py is a high-level, declarative charting library. plotly.js ships with over 30 chart types, including scientific charts, 3D graphs, statistical charts, SVG maps, financial charts, and more. plotly.py is MIT Licensed. Plotly graphs can be viewed in Jupyter notebooks, standalone HTML files, or hosted online on plot.ly.

d3 plotly plotlyjs webgl dashboard visualization graph-library

plotly.js - The open source JavaScript graphing library that powers plotly

•    Javascript

---

Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. plotly.js ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.

charting-library charts javascript-charts visualization graphs

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

falcon-sql-client - Free, open-source SQL client for Windows and Mac 🦅

•    Javascript

---

Falcon in a free, open-source SQL editor with inline data visualization. It currently supports connecting to RedShift, MySQL, PostgreSQL, IBM DB2, Impala, MS SQL, and SQLite. Visit plot.ly to learn more or visit the Plotly forum.

electron visualization plotly sql mysql-client postgresql falcon redshift postgres elasticsearch drill s3 persistent connector

falcon - Free, open-source SQL client for Windows and Mac 🦅

•    Javascript

---

Falcon is a free, open-source SQL editor with inline data visualization. It currently supports connecting to RedShift, MySQL, PostgreSQL, IBM DB2, Impala, MS SQL, Oracle, SQLite and more (for connecting to Oracle, please, see here the instructions to install the required free Oracle Instant Client). Visit plot.ly to learn more or visit the Plotly forum.

electron visualization plotly sql mysql-client postgresql falcon redshift postgres elasticsearch drill s3 persistent connector

recharts - Redefined chart library built with React and D3

•    Javascript

---

React charts

react charting-library recharts d3 reactjs chart react-component visualization 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

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

bowtie - :bowtie: Create a dashboard with python!

•    Python

---

Otherwise follow install instructions for Yarn for your OS. Available here.

dashboard interactive visualization webapp flask react socket-io plotly data-science

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

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

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

d4 - Data-Driven Declarative Documents

•    Javascript

---

d4 is an experiment in using React to produce data-driven documents (ala d3) that are performant and understandable. This is not a library, but rather a demonstration that it's possible (and preferable) to use React instead of the core of d3. d3 can produce fantastic results. Look no further than Mike Bostock's blocks for examples. Unfortunately, I always find d3 code surprisingly difficult to understand and extend, in the same way I used to find code difficult to approach before React encouraged a declarative style. By using React (which can render SVGs, no problem) for data-driven documents, we can improve comprehension and performance and use tools from the React ecosystem.

react d3 data-visualization

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

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

d3act - d3 with React

•    Javascript

---

d3 has been the de facto standard when it comes to data visualisations for a while now and React has recently emerged as the go-to library for building user interfaces. d3 and React are both data-centric libraries, making them a natural fit; d3 takes a data-driven approach and React aims to solve the problem of data changing over time in the context of building large applications. Nicolas Hery's "Integrating D3.js visualizations in a React app" talks about letting d3 do all the work after React has finished rendering components in the DOM. d3act is inspired by @nicolas_hery's approach; create a lightweight React component wrapper that maps React's lifecycle methods componentDidMount, componentDidUpdate and componentWillUnmount into a d3 chart's create, update and unmount methods respectively.

d3 react visualisations data svg

victory - A collection of composable React components for building interactive data visualizations

•    Javascript

---

Projects using Victory should also depend on React and prop-types.The victory repo aggregates stable victory components that are developed in other repos. The victory repo is only updated with new releases, but the following repos are under very active development.

react charts d3 data-visualization charting