Skip navigation

Blog > Interactive timeline

We recently developed a project timeline for one of our clients that allows users to quickly browse a timeline display with advanced capabilities.

The requirements for this timeline were that it would automatically scroll to the current date and also highlight that date on the timeline itself. The user was to be able to scroll using a button to move a fixed period of 3 months in either direction or to scroll a miniature view window to any position which the main display would then replicate. Finally, the various entries on the 3 views were to cross highlight on the mouse rolling over them. This would allow the user to correlate the various entries.

The obvious solution to this problem would be Flash, but the target environment would not support such an implementation so we used the MooTools JavaScript framework to create all the features described above. We also ensured that the functionality was supported on all major browsers.

Take a look at our demo to see the results.