I have been very impressed with Andrew Sutherland of the Mozilla Messaging team (which is one reason that I have faith that I will dump Gmail for something he and the Messaging team come up with one day ;) and the visualizations that he is playing with are quite cool indeed. Seeing your email in different ways (not just in a table) can open the eyes.
Andrew is using Protovis “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.”
There are some cool examples such as:
-
Â
-
new pv.Panel().width(150).height(150)
-
  .add(pv.Panel)
-
   .data([[Math.sin(x / y)
-
       for (x in pv.range(50))]
-
       for (y in pv.range(3, 9))])
-
  .add(pv.Area)
-
   .data(function(d) d)
-
   .fillStyle(pv.Colors.category19.unique)
-
   .bottom(function() let (c = this.cousin())
-
     c ? (c.bottom + c.height) : 0)
-
   .height(function(d) (d + 1) * 13)
-
   .left(function() this.index * 3)
-
  .root.render();
-
Â
which produces 
.
Very cool indeed!
0 comments ↓
There are no comments yet...Kick things off by filling out the form below.
Leave a Comment