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

