查看“Timeline”的源代码

Timeline is a straightforward mechanism to present the sequence of events in a spatial metaphor. To do this well, computer-based visualization is the ideal place to show this metaphorical mapping.
One can find the following tools to be useful in our work:

==TimelineJS from Knightlab.com==
Please see [https://timeline.knightlab.com TimelineJS] from Northwestern University.

==TimeMap.js on Google Code==
Please see [https://code.google.com/p/timemap/ TimeMap]

==Simile Widget Timeline==
Please see [http://www.simile-widgets.org/timeline/ SIMILE_TIMELINE]

==InteractiveTimeline On Mediawiki==
<itimeline height="600px">
<!-- These two lines define events that happen at a particular time -->
2014-07-25T13:00:00Z|[[Target 1]]
2014-07-26T10:00:00Z|[[Target 2]]
<!-- These three are ranges, defined using IS8601 intervals with start and end dates and times -->
2014-07-25T08:00:00Z/2014-07-26T15:00:00Z|[[事件1]][[File:屏幕快照_2015-11-04_下午2.33.20.png|100px]] 
2014-07-26T12:00:00Z/2014-07-27T15:00:00Z|[[事件 2]]
2014-07-25T08:00:00Z/2014-08-00:00:00+02:00|工程1
<!-- Available in v1.3: support for grouping. These three lines define events grouped in the 'toyhouse' group -->
2014-07-25T13:00:00Z|[[File:屏幕快照_2015-11-04_下午2.33.20.png|100px]] toyhouse |[http://www.baidu.com 百度]
2014-07-25T13:10:00Z|[[File:屏幕快照_2015-11-04_下午2.33.20.png|100px]] toyhouse |[[Phase 3/Target 2|Panic]]
2014-07-25T13:15:00Z|[[File:屏幕快照_2015-11-04_下午2.33.20.png|100px]] toyhouse |[[Phase 3/Target 3|Rollback]]
</itimeline>
Please see [https://m.mediawiki.org/wiki/Extension:InteractiveTimeline Extension:InteractiveTimeline]