Wynn Netherland changelog.com/posts

Rickshaw - Realtime JavaScript graphing library

The Shutterstock team has released Rickshaw a nice-looking JavaScript library for creating real-time graphs. The project supports a number of graph types, built-in color schemes, and the ability to load data via JSONP, all in an object-based API:

var data = [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 17 }, { x: 3, y: 42 } ];

var graph = new Rickshaw.Graph( {
  element: document.querySelector("#chart"),
  width: 580,
  height: 250,
  series: [ {
    color: 'steelblue',
    data: data
  } ]
} );

graph.render();

Be sure and check out the project web site or examples folder for advanced usage.

Screencap

Discussion

Sign in or Join to comment or subscribe

Player art
  0:00 / 0:00