ChronoZoom Hierarchical Time Tree

ChronoZoom Hierarchical Time Tree

Explore the ChronoZoom data in a novel visualisation: a crossover between a visual timeline and a collapsible tree.

Timelines can be expanded and collapsed, while their titles remain readable at all zoom levels. Exhibits – curated collections of information placed in the timelines – are viewed in a designated viewer without having to zoom into the main timelines.

Click the timelines to expand and/or focus on the selected timeline.
Drag and scroll to pan and zoom the layout.

Read more about the project here.

The compact layout allows one to get a sense of the dataset as a whole as well as exploring individual timelines and comparing events across time.

Known issues:
- Visualisation currently struggles with rendering elements at deep zoom levels

Acknowledgements:

Parts of the code are based on Mike Bostock's example of a collapsible tree found here: http://bl.ocks.org/mbostock/4339083

The background image is "Star Scape" by Gord Spence from http://www.flickr.com/photos/rev_aviator/3222739207/ (CC BY-NC-SA 2.0)

Add a Comment

Login or register to post comments

COMMENTS

anditriendl's picture

Hi Kräutli! Congratulations!

rodanosteb's picture

Awesome interaction!

 
Posted Jan 2, 2014
 
Views: 895
Tags #chronozoomgeneral, #chronozoominteractive., ChronoZoom, History, time, timeline, Visualizing Time Challenge
Tools d3.j3, HTML, Javascript, jquery, SVG
Data
Share
Embed
<iframe src="http://www.visualizing.org/embedded/260808" width="620" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
Need help embedding?