“Timeline”版本间的差异

来自iCenter Wiki
跳转至: 导航搜索
TimelineJS from Knightlab.com
TimelineJS from Knightlab.com
第4行: 第4行:
 
==TimelineJS from Knightlab.com==
 
==TimelineJS from Knightlab.com==
 
Please see [https://timeline.knightlab.com TimelineJS] from Northwestern University.
 
Please see [https://timeline.knightlab.com TimelineJS] from Northwestern University.
<itimeline height="400px">
 
<!-- 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>
 
  
 
==TimeMap.js on Google Code==
 
==TimeMap.js on Google Code==

2015年11月4日 (三) 10:21的版本

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 TimelineJS from Northwestern University.

TimeMap.js on Google Code

Please see TimeMap

Simile Widget Timeline

Please see SIMILE_TIMELINE