Al's Hobbies

a miscellany of software projects

  • Home
  • Scrapers
  • Maps
  • Timelines/maps
  • Walkers
  • Clustering
  • About

Timelines

A timeline shows events in the order they occured. They can be browsed by panning forward or back in time, or by zooming in or out using the zoom control.

Scottish Battles Timeline

A timeline that shows the dates of battles in or involving Scotland up until around 1715.

The data is extracted by the ScottishBattlesScraper from Wikipedia in September 2011.

Implementation

The timeline is implemented using a Simile Timeline version 2.3.0. Normally to zoom in and out in this timeline you use the mouse wheel. I added a zoombar to make it more obvious that a zoom capability was available. I have also added a helper function that calculates the required zoom steps. The code for the zoombar is in my github repository

TimeMaps

For data that has both a time it took place and a location it is nice to be able to view it on a map and on a timeline. A timemap iallows you to do this. It can be browsed by panning, or by zooming in or out using the zoom control on either the map or the timeline.

Scottish Battles

A timemap that shows the dates of battles in or involving Scotland up until around 1715.

The data is extracted by the ScottishBattlesScraper from Wikipedia in September 2011.

Fife Jazz Festival

In some cases more than one event occurs at the same place within the given timeframe. When you click on the item in the map you would want to see all of the events that happen at that location within the timeframe. However if you click on the specific event in the timeline you would only want to see details of that event. The timemap below shows an example of this.

If you click on an item in the map (for example the Byre Theatre in St Andrews) multiple events are displayed. However if you click on an item in the timeline only the particular event is displayed. if you change the timeframe by zooming out and panning the timeline the data shown on clicking on the map items is changed. So for example if you zoom out and pan so that only Friday the 1st of February is shown in the timeline, then click on the Byre theatre again, the details for only one event is shown.

To get directions to the venue, click on the item then click on the 'get directions' link. This will take you to a google maps page with the location marked. You can then click on the get directions tab and select the start location.

Other timemap examples are of the:
Edinburgh Science Festival events;
Leith Festival (2012) events;
Baroque Old Masters;
Hundred Years War;
GeoRSS;
Battle of the Somme(1916);
London Robberies Heatmap.

Implementation

The timemap is a MIT timemap version 2.0.1. The map framework is OpenLayers with OpenStreetMap layer. The MIT timemap has been written so that it is simple to port the map to Google Maps or Bing Maps.

The icons are from wikimedia: battle icon, musical note.