ToW: Make Timelines with Timeline JS

Want to tell a story? 

Need to organize a lot of information?

TimelineJS is a powerful, flexible, and easy way to quickly make a compelling and interactive visualization that can includes diverse kinds of media like images, video, audio, tweets, and even whole documents.

Check out this example, from the makers of TimelineJS:

Developed by the Knight Lab at Northwestern University, this free and open-source tool will format and present your work for easy navigation, using a simple google sheets template.

It’s been used by CNN and Time, and here at Trinity, in courses like Gender, Sexuality, and Space and Memory, Power, and Place.

 

Protip: You can go beyond linking and embed your timeline right in your post here on Commons like the example above.  Just copy the embed code from the TimelineJS site, and after you paste it into your post, change the angle brackets to square brackets  – “<” becomes “[“ and “>” becomes “]”

Copy the embed code from the site

Paste

<iframe src=’https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1xuY4upIooEeszZ_lCmeNx24eSFWe0rHe9ZdqH2xqVNk&font=Default&lang=en&initial_zoom=2&height=650′ width=’100%’ height=’650′ webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder=’0′></iframe>

 

Edit the brackets

[iframe src=’https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1xuY4upIooEeszZ_lCmeNx24eSFWe0rHe9ZdqH2xqVNk&font=Default&lang=en&initial_zoom=2&height=650′ width=’100%’ height=’650′ webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder=’0′][/iframe]

 

To skip this extra formatting and a whole lot more, consider using a Domains site!

 

 

lphelan

Leave a Reply

Your email address will not be published.