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


Have comments? Send a tweet to @TheChangelog on Twitter.

Subscribe to The Changelog Weekly – our weekly email covering everything that hits our open source radar.