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


Parts of the code are based on Mike Bostock's example of a collapsible tree found here:

The background image is "Star Scape" by Gord Spence from (CC BY-NC-SA 2.0)

Add a Comment

Login or register to post comments


anditriendl's picture

Hi KrΓ€utli! Congratulations!

rodanosteb's picture

Awesome interaction!

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