Javascript InfoVis Toolkit – New Version Released

Posted to Software, Visualization  |  Nathan Yau

As we’ve seen, javascript is growing into a viable solution for visualization on the Web. John Resig ported Processing to javascript about a year ago and we saw some projects in javascript to show off speed in Google Chrome.

Most recently, Nicolas Garcia Belmonte released version 1.1 of his InfoVis Toolkit, which provides a basic set of tools for creating interactive visualizations on the Web. Some of the features:

  • Multiple Data Representations – Treemaps, Radial Layouts, HyperTrees/Graphs, SpaceTree-like Layouts, and more…
  • Major Browsers Support – IE6+, Firefox2+, Safari3+, Opera9.5+
  • Open Source – Licensed under the BSD License
  • Library Agnostic – You may use the JIT with your favorite DOM manipulation framework
  • Extensible – All visualization classes are mutable, so you can easily add/override any method you want.
  • Composable – Visualizations can be combined in order to create new visualization methods.

Here are a couple of things you can do with the toolkit:

Visit the site for more demos.

Favorites

Life expectancy changes

The data goes back to 1960 and up to the most current estimates for 2009. Each line represents a country.

Causes of Death

There are many ways to die. Cancer. Infection. Mental. External. This is how different groups of people died over the past 10 years, visualized by age.

19 Maps That Will Blow Your Mind and Change the Way You See the World. Top All-time. You Won’t Believe Your Eyes. Watch.

Many lists of maps promise to change the way you see the world, but this one actually does.

A Day in the Life of Americans

I wanted to see how daily patterns emerge at the individual level and how a person’s entire day plays out. So I simulated 1,000 of them.