Timeline JS walk-thru

Timeline JS is an open-source timeline tool built in javascript by NU prof Zach Wise and the Knight Lab. It’s based on a Google Drive spreadsheet, accepts photo, video, Tweets, audio, maps etc and generates fully responsive embed code, so it’s Next Gen friendly.


Chief Keef
Mike Ditka (not this one)
Boston Marathon bombing manhunt


1. Get a copy of the template
2. Clear out data
3. Insert your information into the spreadsheet
4. Select Edit/Publish to web/Start publishing to make the spreadsheet public
5. Paste document URL into Timeline JS interface
6. Hit preview to make sure everything’s OK
7. Grab the embed code and insert into an HTML page/story.

Tutorial and data

You can get the template here.

Grist for timeline:

Soundcloud audio from Jan. 16, 2013

Sept. 8: Chicago Bears defeat Cincinnati Bengals 24-21 as Marc Trestman gets first NFL head coaching victory.

Flickr photo from Sept. 15.

Tribune image from Sept. 15 Bears game.

In that game, with 3 minutes, 8 seconds left, a game that had twisted and turned suddenly hinged on the confidence of a huddle and the poise of quarterback Jay Cutler, who gathered his offense near the Chicago 34-yard line. The story from Sept. 15.

Biggs tweet about typo on 9/15.

Cutler tackle from Sept. 22

Ben Roethlisberger turned the ball over four times, two of which the defense returned for a touchdown, as the Bears beat Steelers 40-23 on 9/22. Story here

Published spreadsheet here.

Leave a Reply