Timeline View

To add timelines to your exhibit, you must include the time extension (after you include exhibit-api.js):

 <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"></script>

To include a timeline view, add to your HTML

 <div ex:role="view" 
   ex:viewClass="Timeline" 
   ex:start=".birth-date"
   ex:end=".death-date">
 </div>

Replace .birth-date with the appropriate expression for your exhibit. Replace .death-date or remove it completely.

Other settings supported include:

setting name type of value default choices meaning
ex:timelineHeight int 400 height of the timeline in pixels
ex:timelineConstructor function custom constructor for the timeline
ex:colorKey expression expression for getting the keys used to color-code the map markers
ex:colorCoder text id of a color coder
ex:iconKey expression expression for getting the keys used to add icons to immediate events
ex:iconCoder text id of a icon coder
ex:selectCoordinator text id of a coordinator
ex:topBandHeight int 75 percents that the top band takes up
ex:topBandUnit text "millisecond", "second", "minute", "hour", "day", "week", "month", "year", "decade", "century", "millennium" unit of the top band
ex:topBandPixelsPerUnit int 200 how wide each interval in the top band is (in pixels)
ex:bottomBandHeight int 25 percents that the bottom band takes up
ex:bottomBandUnit text "millisecond", "second", "minute", "hour", "day", "week", "month", "year", "decade", "century", "millennium" unit of the bottom band
ex:bottomBandPixelsPerUnit int 200 how wide each interval in the bottom band is (in pixels)
ex:showHeader boolean true whether or not to show the header of the view
ex:showSummary boolean true whether or not to show the summary information of the view
ex:showFooter boolean true whether or not to show the footer of the view


Additional Resources