More about the JavaScript InfoVis Toolkit 1.1

Posted in: javascript infovis toolkit
I've been putting a lot of effort in the upcoming version of the JavaScript InfoVis Toolkit lately, and I though it would be a good idea to show some of the new features I came up with. The new version isn't finished yet, but I've come pretty far and wanted to make a sort of checkpoint for the things I've done, the things I'll be doing and the things I'm thinking about doing. So what have I been working on?

Library features

I've been building this library with four things in mind:


As you might know, I don't have the most suited computer for making screencasts, so sorry if you see some performance problems. This is a short video I made of a RGraph example. The main idea behind this example is Customization. That can be seen for example in the different node types, edge types and colors used, as well as in the Elastic transition effect for the animation. This is just an example to expose as much features as I can in one visualization, so don't take this as a "useful" visualization example please.

Here is another short video: it illustrates how Graph Operations can be made with the Hypertree visualization. You'll see 4 consecutive operations:
  1. Removing a subtree The bottom right subtree will be removed with an animation.
  2. Removing edges Edges from the top left subtree will be removed with an animation.
  3. Adding a graph A graph will be added with an animation
  4. Morphing The graph will transform into another graph -with an animation

blog comments powered by Disqus