Tag Archives: Interactivity

Interactive Timeline

Creating an interactive timeline using TimelineJS 3, is straightforward, yet there is still enough flexibility to customize some formatting, and to add content to the timeline using HTML code.

As indicated on the TimelineJS 3 website, there are only four steps to create the timeline:

  1. Download the timeline google spreadsheet template document provided on theTimelineJS 3 website and follow the instructions to populate it.
  2. Publish the Google spreadsheet.
  3. Paste the published Google spreadsheets url into the Timeline JS generator and select formatting options.
  4. Embed the code into your website, or blog.

Here is a sample of a timeline I created for a project in the ETEC 540: Text Technology: The Changing Spaces of Reading and Writing course.

The drawback with creating interactive timelines using this tool, is that links can be broken as content is removed or moved online. But that is a common issue when referencing online content and resources.

What is this ThingLink?

ThingLink was originally created for online interactive advertising. But many educators are adapting it for creating interactive images in the course content. It only takes a few minutes to create an interactive image which you can add several types of Rich Media tags. This makes it possible to have multiple social content links to be accessed from one image.

To see how ThingLink works, first make sure this post is completely open, so the “continue reading →” is not visible below the image. Then just mouse over the image and click on the green icons to learn more about this enigmatic print by Francisco Goya.

This print is work No. 43 of Goya’s “Caprichos” series (1st edition, Madrid, 1799). Public Domain .

Continue reading →