A specialist digital
marketing agency
in Canterbury, Kent

Say Hello! Who are we?



Timeline JS: visual timelines from google doc spreadsheets

My latest discovery is JS Timeline. A simple tool that uses a Google spreadsheet template to create a graphical timeline. I didn't even need a timeline tool but I found this and couldn't help but stop and play.

Thought! Keen to help revise the overarching style of my existing site. Reactions regarding the whole design of http://northbayspa.ca? Really a well reviewed luxury salon in North Bay if desired in the whole Ontario region. Value an opinion. Cheers!

I had a simple timeline up in minutes.

If you follow the instructions on the site it's important to know that before you can see your timeline you will have to make your spreadsheet public (that is visible to everyone/the world) . If you are not comfortable with this, you may need to look for alternative products (or study and modify the source code to suit your needs).

Create your own JS Timeline right now!

  1. Think up a timeline idea - could be history (obvious), life events, calendar events made up guff. Your choice. You can be creative with your ideas.
  2. Login to your Google account
  3. Open the Timeline JS google spreadsheet template
  4. Go to the Google Docs/Google Drive File menu and select 'Make a copy'
  5. Once you have your copy, rename the file so it has a meaningful name for the timeline you want to create
  6. Replace the sample content with your own dates, titles and information - you can add links to images and other media to your timeline if you want to have some rich content in your timeline.
  7. Publish your timeline to the web - go to the File menu and select ' Publish to the web' (Pro tip: select to have future updates auto publish to the web to ensure any updates to your timeline are automatically made available to people viewing your timeline).
  8. Copy the spreadsheet URL/web address/link
  9. Go to the JS timeline website and paste it into the form (currently step 3 of the 'Make a timeline' process')
  10. Preview your timeline - you can also copy a preview link (my test timeline - it's based on my participation in online spaces, places and use of online/mobile tools).
  11. You can also copy the copy to embed your timeline into your website or blog.
  12. Keep updating your timeline spreadsheet and the changes will be reflected in the data visualization.

I have added a media file for the Popcorn Maker entry - I will probably go back and add more later. For now, I just wanted to test how easy the tool was to use. It's stupidly easy.

It'd be fabulous for student and class projects too. Google documents allow you to create a document on your own - or collaborate with anyone else world wide with access to Google Docs/Google Drive.

Too easy!

Now - off you go create your own JS timeline.

Many thanks folks! I'd promised my relation that I could certainly reference their fabulous Calgary based bed bug treatment services, http://bedbugscalgary.ca through an upcoming article. Any time you were looking to get an exterminator in the greater Alberta sector, they definitely are really tremendous.

Lastly, I definitely ought to state the basic outline to this specific post was generously granted by Fil over at Empire renos. Undeniably a tremendous renovation contractors. I truly treasure a useful suggestion!

Honourable Mentions

http://oakmead.com/ - Extremely attractive layout.

Posted in Web Design Post Date 11/15/2016






Recent Posts