Plotting for the web


Browser graphics but for graphing data. Especially popular for data dashboard.

d3.js

the classic, d3.js. If you just have some data and some basic javascript skills, use this.

  • extensions for common graph needs, plottable.js
  • for people using react.js, Victory is an alternative.

Fig a

Rawgraphs

The idea behind RAWGraphs is to provide a tool that allows people without coding skills to produce visualizations on their own. Originally conceived for graphic designers to complete a series of tasks that were unavailable in other tools, it evolved into a platform that provides simple ways to map data dimensions onto visual variables. Basically RAWGraphs allows users to easily and quickly create data visualizations that can be exported and edited in a vector graphics software (such as Adobe Illustrator and Sketch).

live demo. It is open source and based on d3.js.

Shiny

shiny is a hybrid creature that provide a browser frontend to R backends. Maybe if you know R use this?

Fig b

Plot.ly

Popular because it looks good and is easy. plot.ly is statistics oriented charting. $20/month though and no open-source version so beware lock-in.

Muze

Muze introduces the DataModel that provides a consistent interface for all visualizations to react to changes in data. Having a single source of truth for all connected visualizations allows us to build charts that are cross connected by default without you having to configure anything.

Stardust

stardust

is a library for rendering information visualizations with GPU (WebGL). Stardust provides an easy-to-use and familiar API for defining marks and binding data to them. With Stardust, you can render tens of thousands of markers and animate them in real time without the hassle of managing WebGL shaders and buffers.

Looks a little D3-like but without the mysterious DOM stuff.

Vega

vega …

is a declarative format for creating, saving, and sharing visualization designs. With Vega, visualizations are described in JSON, and generate interactive views using either HTML5 Canvas or SVG.

vega-lite claims to be a ggplot-like layer atop it.

Misc

  • animation using velocity.js.
  • lightning hip new node.js server-based thing
  • flot is also statistics oriented charting.
  • waveform graphs audio files for you
  • jsxgraph attempts to do lots of ‘graphical’ things at once, e.g. Euclidean Geometry, parametric curves, polar curves, data plots, Bezier curves, Differential equations, Turtle graphics, Lindenmayer systems, tangents, normals…
  • graphviz (as seen in diagrams) also runs in javascript as viz.js.
  • Sigma.js is a javascript flowchart/network diagram framework