vizkit documentation

vizkit.js is an opinionated little charting library built on top of the amazing and wonderful d3.js visualization framework.

Live Data

EXAMPLE CODE

Visualizing a real time feed of your data can be achieved trivially with vizkit. Simply update your data and redraw the chart. The example live data above is being updated like so:

var i = 6;
setInterval(function() {
  d3.select('.viz svg').remove();
  data[0].push({"key": "foobar", "xValue": i, "yValue": Math.floor((Math.random()*10)+1)});
  DrawViz(d3.select('.viz'));
  i++;
}, 1000);