protovis
Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic properties such as color and position. For example, this simple bar chart visually encodes an array of numbers with height:

new pv.Panel().width(150).height(150)
.add(pv.Bar)
.data([1, 1.2, 1.7, 1.5, .7, .3])
.bottom(0)
.width(20)
.height(function(d) d * 80)
.left(function() this.index * 25)
.add(pv.Bar)
.data([1, 1.2, 1.7, 1.5, .7, .3])
.bottom(0)
.width(20)
.height(function(d) d * 80)
.left(function() this.index * 25)
.root.render();
More Categories

