“Timeline”版本间的差异
来自iCenter Wiki
（→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:20的版本
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. <itimeline height="400px"> 2014-07-25T13:00:00Z|Target 1 2014-07-26T10:00:00Z|Target 2 2014-07-25T08:00:00Z/2014-07-26T15:00:00Z|事件1100px 2014-07-26T12:00:00Z/2014-07-27T15:00:00Z|事件 2 2014-07-25T08:00:00Z/2014-08-00:00:00+02:00|工程1 2014-07-25T13:00:00Z|100px toyhouse |百度 2014-07-25T13:10:00Z|100px toyhouse |Panic 2014-07-25T13:15:00Z|100px toyhouse |Rollback </itimeline>
TimeMap.js on Google Code
Please see TimeMap
Simile Widget Timeline
Please see SIMILE_TIMELINE
