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

GreatCharts

•    C

---

GreatCharts is a program which will let you draw a wide range of stock-charts. For example Candlestick, OHLC. And functions like MAC, Stochastic, RSI, etc. Chart can be plotted in a very configurable way, to any picture size

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

Bootchart - Boot Process Performance Visualization

•    Java

---

Bootchart is a tool for performance analysis and visualization of the GNU/Linux boot process. Resource utilization data and process information are collected during the boot process and can later be displayed in a PNG, SVG or EPS chart.

performance-analysis linux-tool boot-process linux-monitoring-tool

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-native-pathjs-charts - Android and iOS charts based on react-native-svg and paths-js

•    Javascript

---

This library is a cross-platform (iOS/Android) library of charts/graphs using react-native-svg and paths-js based on the excellent work done by Roman Samec in the react-pathjs-chart library. The project is an early attempt at providing a ubiquitous solution for charts & graphs for React Native that offer a unified view across devices. Components include Pie charts, Bar charts, Smoothline charts, Stockline charts, Scatterplots, Tree graphs and Radar graphs. Since Paths-Js makes no assumptions about rendering, this library is perfect for using SVG path objects to render custom charts easily.

charts graphs paths-js react-native ios android react-native-svg cross-platform radar-graphs bar-graphs pie-graphs tree react-pathjs-chart

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

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

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

Qtstalker

•    C++

---

Stock market, commodity and technical analysis charting app based on the Qt toolkit. Extendible plugin system for quotes and indicators. Portfolio, back testing, chart objects and many more features included.

party-mode - An experimental music visualizer using d3.js and the web audio api.

•    Javascript

---

Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a good tutorial on how to do this. Then, using requestAnimationFrame (with a little frame limiting for performance reasons) I'm updating that array as the music changes. I then normalize the data a bit (or transform it slightly depending on the visualization) and redraw the screen based on the updated array. I'm using d3.js to draw and redraw SVG based on this normalized data. Each visualization uses the data a bit differently -- it was mostly trial and error to get some stuff I liked looking at. Since I'm using D3 -- which is just drawing SVG -- I was able to style everything in CSS (no images are used at all, including icons). There are a handful of differently colored themes for each visualization, and I do some rudimentary CSS namespacing by updating a class applied to the html element. eg. <html class='theme_1'>. This lets me override or substitute CSS rules pretty trivially. I can add some additional variation to each theme by messing with pseudo selectors. For example, I can use :nth-of-type to hide every nth SVG rectangle or making every odd child have a different stroke-dasharray, etc.

visualization html5-audio-element d3js d3 audio-visualizer audio art generative-art data-visualization

paths-js - Generate SVG paths for geometric shapes :bar_chart:

•    Javascript

---

Paths.js is a library to generate SVG paths, allowing you to create your own charts using a functional and testable API. It provides the primitives to create various shapes and charts starting from raw data, but it does not prescribe how you render these charts. This means you can use Paths.js to build components for your favorite frontend framework, and works even server-side on NodeJS. Paths.js offers three APIs, of increasing abstraction. The lowest level is a chainable API to generate an arbitrary SVG path. On top of this, paths for simple geometric shapes such as polygons or circle sectors are defined. At the highest level, there is an API to generate some simple graphs (pie, line chart, radar...) for a collection of data, assembling the simple shapes.

svg-paths geometric-shapes svg chart-library path chart

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

d3.chart - A framework for creating reusable charts with d3.js.

•    Javascript

---

A framework for creating reusable charts with D3.js. Otherwise, you can download it directly from this repository.

d3.js visualization svg

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

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

quantmod - Quantitative Financial Modelling Framework

•    R

---

quantmod is an R package that provides a framework for quantitative financial modeling and trading. It provides a rapid prototyping environment that makes modeling easier by removing the repetitive workflow issues surrounding data management and visualization. Ask your question on Stack Overflow or the R-SIG-Finance mailing list (you must subscribe to post).

r time-series finance charting data-import algorithmic-trading

Technical trading indicators

•    

---

Small classes for computing indicators used in technical analysis.

d4 - A friendly reusable charts DSL for D3

•    Javascript

---

A friendly reusable chart DSL for D3

d3.js visualization svg data-visualization charts charting-library

vtk-js - Visualization Toolkit for the Web

•    Javascript

---

VTK is an open-source software system for image processing, 3D graphics, volume rendering and visualization. VTK includes many advanced algorithms (e.g., surface reconstruction, implicit modelling, decimation) and rendering techniques (e.g., hardware-accelerated volume rendering, LOD control). The JavaScript implementation remain a subset of the actual C++ library but efforts will be made to easily port or compile native VTK code into WebAssembly to better blend both world. The origin of VTK is with the textbook "The Visualization Toolkit, an Object-Oriented Approach to 3D Graphics" originally published by Prentice Hall and now published by Kitware, Inc. (Third Edition ISBN 1-930934-07-6). VTK has grown (since its initial release in 1994) to a world-wide user base in the commercial, academic, and research communities.

3d visualization webgl medical scientific vtk paraview geometry point-cloud mesh gl-vis volume graphics paraviewweb