Rickshaw - Interactive Time Series Graphs in JavaScript

•    JavaScript

---

Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors etc. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS.

visualization real-time svg charting-library real-time-charts javascript-library javascript-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

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

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

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

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

Chartist-js - Simple responsive charts

•    Javascript

---

Chartist.js is a simple responsive charting library built with SVG. Its goal is to provide a simple, lightweight and unintrusive library to responsively craft charts on your website. It's important to understand that one of the main intentions of Chartist.js is to rely on standards rather than providing it's own solution to a problem which is already solved by those standards. We need to leverage the power of browsers today and say good bye to the idea of solving all problems ourselves.

chartist responsive-charts charts charting visualization data-visualization 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

tauCharts - D3 based data-focused charting library. Designed with passion. Flexible.

•    Javascript

---

Taucharts is a data-focused JavaScript charting library based on D3 and designed with passion. Data plays a key role in Taucharts. The library provides a declarative interface for fast mapping of data fields to visual properties.

d3 svg charts graphics barchart linechart scatterplot visualization

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

Britecharts - Client-side reusable Charting Library based on D3

•    Javascript

---

Britecharts is a client-side reusable Charting Library based on D3.js v4 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations.Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way.

d3 chart library graph reusable es6 es2015 visualization charts charting-library visualizations javascript-charts

d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

•    Javascript

---

Data-Driven Documents

visualization dom svg animation canvas data-visualization charts charting-library

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

trianglify - Algorithmically generated triangle art

•    Javascript

---

Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.

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

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

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

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

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

three.js - JavaScript 3D library.

•    Javascript

---

JavaScript 3D library

3d scene-graph html5 svg canvas webgl webvr three three.js visualization data-visualization charts charting-library

White-elephant - Hadoop log aggregator and dashboard

•    Java

---

White Elephant is a Hadoop log aggregator and dashboard which enables visualization of Hadoop cluster utilization across users. The server is a JRuby web application. In a production environment it can be deployed to tomcat and reads aggregated usage data directly from Hadoop. This data is stored in an in-memory database provided by HyperSQL. Charting is provided by Rickshaw. This project is developed by LinkedIn.

log-analysis log-aggregation hadoop-logs visualization log-management