Make a Timeline

TimelineJS works on any site or blog. Make your own in four easy steps. (video tutorial)

1

Create your spreadsheet

Build a new Google Spreadsheet using our template. Drop dates, text and links to media into the appropriate columns. Note: Don't change the column headers, don't remove any columns, and don't leave any blank rows in your spreadsheet.

Google Spreadsheet Template

2

Publish to the web

Publish to Web

Publish to Web

Under the File menu, select “Publish to the Web.”

In the next window, check “Automatically republish when changes are made.” Uncheck all other boxes. Click “start publishing.” This will give you the URL to embed in your HTML file.

3

Copy/paste spreadsheet URL into the generator box below

Make sure you've published it.

Width
Height

More Options

Customize (Optional)

If you are using a Google map type, please enter your API Key.
Stamen map types are temporarily disabled while we work out a bug.

This will tweak the default zoom level. Equivilent to pressing the zoom in or zoom out button the specified number of times. Negative numbers zoom out.

Slide

You can tell TimelineJS to start at a specific slide number

4

Embed the code into your website

Grab the embed code and paste it on your site where you want your TimelineJS to appear (just like a YouTube video).



Preview Link to Preview

Preview