JavaScript Information Visualization Toolkit

From RP
Jump to: navigation, search

About the JavaScript Information Visualization Toolkit

The JIT is an advanced JavaScript infovis toolkit based on 5 papers about different information visualization techniques.

The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to plot Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).

Access the Software

http://blog.thejit.org/javascript-information-visualization-toolkit-jit/

Contents

RGraph

JIT1.jpg

A radial layout of a tree puts the root node on the center of the canvas, places its children on the first concentric ring away from the root node, its grandchildren on a second concentric ring, and so on…

Treemaps

JIT2.jpg

A Treemap is an information visualization technique, proven very useful when displaying large hierarchical structures on a constrained space. The idea behind a Treemap is to describe hierarchical relations as “containement”. That means that if node B is child of node A, then B “is contained” in A. Treemaps can also be implemented in many ways.

Hyperbolic Trees

JIT3.jpg

A Hyperbolic Tree (HT) is a focus+context information visualization technique used to display large amount of inter-related data. This technique was originally developed (and patented) at Xerox PARC.

ST

JIT4.jpg

The main idea of the spacetree algorithm is to take the most common tree layout, and to expand nodes that are "context-related" .i.e lying on the path between the root node and a selected node. Useful animations to contract and expand nodes are also included.