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
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
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