Skip to content
This repository
branch: luna
Fetching contributors…


Cannot retrieve contributors at this time

file 66 lines (41 sloc) 3.14 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65


Welcome to the nascent Timeglider jQuery widget project. Timeglider is a web-based timeline application currently running in Flash: this is the transition to a free viewer module. Eventually all Flash-based pieces of Timeglider will be replaced with JS versions.

Our goal here is to create a lightweight, extensible time-viewer-explorer which can zoom/pan and otherwise explore future/past events easily. provides an authoring environment for creating hosted timelines; this plug in is meant for enterprise media, medical software, private legal workspaces, etc. all of which may have APIs of their own.

IMPORTANT :: PLEASE NOTE :: As of Sept. 1, 2011, the Timeglider javascript plugin is no longer available under or according to the MIT License. Please read about our license arrangements at

See a sample json file @ json_tests/idaho.json.

ROADMAP (in order of rough priority)

Formatting the date and adjusting to a timezone. Generally, when
data is imported, times will be translated to GMT time then retranslated
to a users default or selected timezone. We're going to use the
jquery-glob ( system for
localization of date and number formats (as soon as we figure out how
to reconcile our own TG_Date object with the more limited JS Date.)

--- currently, one can filter to include &or exclude words using comma separated inputs. We're working
on a legend system, so that icons can be given titles and the timeline filtered by them.

"html" : being able to use html as the event, so if there's a value in an
"html" (json) attribute, that will get painted in lieu of the default
icon + title, etc. This would have the requirement of being a div
element. A class could be added, so that the "html" attribute might look
like this:
"<div class='tg-decade-block'><img src='/img/the-eighties'></div>"

--- detecting clusters of images (all on same day, i.e. iPhoto "events")
       and turning them into albums
--- otherwise organizing images clearly, preventing spikes/lumps
--- allowing some events to be image-text oriented with pre-defined layouts
    like text-flow around the image initially expanded

--- more options inside of event editor, but also allowing for possibilities
    in advanced implementations.

--- be able to print any range of time (sweep might be optionally huge)
--- export to PDF (see 's PDF export)

--- RSS, flickr, twitter, facebook, semantic "scraping" of dates on any webpage

Events each have an importance value (if missing, importance will be set to 20). This is the key to structuring a timeline that does not "blow out". For example, applying a relatively low importance value (say, 10) to an event like "lunch with Don" means that it will fade from view by the time you're at a zoom-level of 30 --- a wider scope where you're looking across 10 years.
Something went wrong with that request. Please try again.