Example of an inverted timeline

In this example, we show a single timeline that is "top-down" (as opposed to default "bottom-up" — with the date markers being placed at the top. With a single timeline in one's JSON data (array of timelines), this can be done simply by setting the widget "inverted" option (not the timeline JSON) to true.

This works automatically with a single timeline: With more than one timeline being displayed, with a "presentation", one will need to set "bottom" and "inverted" (and possibly "collapsed") properties of the timeline to create bookmatched or properly arranged timelines for best viewing.

tg1 = $("#placement").timeline({
   "min_zoom":5, 
   "max_zoom":55, 
   "inverted":true, // <  Add this
   "icon_folder":"timeglider/icons/",
   "data_source":"json/idaho.json",
});