ToW: Make Timelines with Timeline JS – Digital Learning & Scholarship

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:

[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]

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

Edit the brackets

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