Timeline JS – Because of an error that is unexpected Bing’s spreadsheet access solution on 29 April 2019, numerous timelines stopped working. Only at that time, we think the problems were solved.

Easy-to-make, stunning timelines.

TimelineJS is definitely an open-source tool that allows one to build aesthetically rich, interactive timelines. Newbies can make a schedule making use of absolutely nothing more than a Google spreadsheet, just like the one we employed for the Timeline above. Specialists may use their JSON skills generate customized installments, while maintaining TimelineJS’s core functionality.

Guidelines & tricks

  1. Keep it quick. We suggest devoid of significantly more than 20 slides for a audience to click on through.
  2. Choose tales which have a strong chronological narrative. It generally does not work very well for tales that want to leap around when you look at the schedule.
  3. Write each event as component of a bigger narrative.
  4. Consist of occasions that develop as much as major occurrences — not only the events that are major.

Media sources

TimelineJS can pull in news from many different sources. Twitter, https://weeblywebsitebuilder.com Flickr, YouTube, Vimeo, Vine, Dailymotion, Bing Maps, Wikipedia, SoundCloud, Document Cloud and much more!

Mandela: A Life of Function

Chronology associated with the French Presidential Race

Historic Fall at University of Missouri

North Korea’s Nuclear Aspirations

Bulger on test

The Decline of IRS Nonprofit Legislation

Aurora, Colorado Film Theater Shooting

The Collapse of Microsoft and Nokia’s Mobile Phone Company

How ISIS Spread to 10 Nations

Reported Sexual Assault Situations by Texas Educators

A brief history of Wine Around The Globe

The Mystery of Malaysia Airlines Flight 370

Revolutionary Consumer Interfaces

A history that is brief of Banana Business

The Republican Run-Up

Whitney Houston: 1963-2012

Produce a schedule

TimelineJS deals with any blog or site. Make your very very own in four steps that are easy.
Having problems? View our video clip, or begin to see the help part below.

Make your spreadsheet

Create A google that is new spreadsheet our template. You’ll want to duplicate the template to your very own Bing Drive account by pressing the “Make a duplicate” button.

Drop dates, text and links to news in to the columns that are appropriate. To get more about working together with our template, see our help docs.

Do not change the line headers, never eliminate any columns, and do not keep any blank rows in your spreadsheet.

Publish to your web

Underneath the File menu, select “Publish towards the Web.”

The blue “publish” button in the next window, click. When expected, “will you be sure…?” click okay.

Now, copy the Address that seems in the center of the screen. You are going to make use of this into the next move.

The next changed at the time of 18 2017 july!

Near the ‘Publish to your web’ screen. Copy the Address for the schedule through the web browser’s target club. It must look something similar to this:
https://docs.google.com/spreadsheets/d/1xuY4upIooEeszZ_lCmeNx24eSFWe0rHe9ZdqH2xqVNk/edit#g >

Overlook the Address that seems within the “publish to your web” screen. It had previously been utilized below, but changes to Bing imply that you’ll receive a mistake it now if you use.

Create your schedule

Copy/paste spreadsheet Address in to the package below to come up with your schedule. (ensure you’ve published the spreadsheet.)

Share your timeline
Share Link

Utilize this to connect straight to your schedule.

If you’re embedding on Medium.com or any other oembed-aware solutions, simply paste this website link for a line on it’s own where you want your schedule to look.

Copy this embed rule and paste it in your web web site for which you want your schedule to show up (similar to a YouTube video).

Preview Embed

Require assistance? First, please be certain to consider our listing of faqs below. If you should be completely new to Timeline JS, you may would also like to view our basic movie.

If you do not find a solution here, take to our help discussion boards or make use of our technology help internet type. Please be clear together with your concern, consist of a hyperlink to your spreadsheet, and when appropriate, a web link to a typical page which ultimately shows the problem with which you will need assistance. We could just answer help concerns in English. We act as prompt, but please recognize that we don’t have a devoted technology help staff.

Look for a bug? if you should be confident you’ve got found a bug, please report it being a GitHub problem. Make sure to include instructions that are detailed how exactly to replicate the bug. If you should be unsure, please begin with the technology support system.

Technical documents

Go further with Timeline:


How do you modify my schedule?

Just exactly exactly What internet browsers does TimelineJS use?

What exactly are my choices for changing just exactly how my schedule looks?

You will findn’t sufficient choices. I would like more control of the font size/color/etc. Could I alter things utilizing CSS?

How do I categorize or cluster my activities?

The sl that is first When making use of the Bing Spreadsheet to configure your timeline, in the event that you place the word title within the kind column, that slip is supposed to be placed at the front end, no matter what the values into the date columns. Look at Bing Spreadsheet paperwork to learn more.

Am I able to make news pictures clickable?

How do I format text line that is(add, bold, italics)?

tags to produce line breaks.

  • Wrap text in tags for bold text as well as italics
  • How can I enter BCE times?

    Just how do I produce really dates that are ancient?

    Who are able to access the information within my Google spreadsheet?

    Privacy is vital for me. Exactly Just Just How must I make use of TimelineJS?

    Will my spreadsheet get acquired by the search engines?

    May I utilize TimelineJS with WordPress?

    Is TimelineJS free for commercial usage?

    Storytelling Tools

    We develop easy-to-use tools which will help you tell better tales.

    Timeline JS

    Easy-to-make, gorgeous timelines.

    StoryMap JS

    Maps that tell stories.

    Juxtapose JS

    Easy-to-make framework evaluations.

    Soundcite JS

    Seamless inline sound.

    The Northwestern University Knight Lab is an united group of technologists and reporters working at advancing press innovation through research and experimentation.