TimelineJS
timeline.knightlab.com又名 TimelineJS3、Knight Lab TimelineJS
西北大学 Knight Lab 出品的免费时间线工具,在 Google 表格里按行填日期、标题和媒体链接,发布后即可生成可左右滑动、点击展开的横向时间线,并拿到分享链接与 iframe 嵌入代码,适合记者把一篇报道的来龙去脉按时间顺序铺开。
工具免费网页多语言开源国内可直接访问
TimelineJS 解决的是「把一串按时间发生的事讲清楚」这件事。它把时间线拆成一张表格:每行一个事件,填日期、标题、正文和媒体链接,页面就会渲染成一条可以左右滑动、点击展开的横向时间线。适合新闻报道、历史梳理、项目回顾这类有明确先后顺序的内容。
怎么用
核心流程只有三步:复制官方提供的 Google 表格模板到自己网盘,按列填内容,然后在 File 菜单里选「Publish to the web」发布,把得到的链接粘回官网的生成框,就能拿到分享链接和 iframe 嵌入代码。模板的列头不能改、不能删列、不能留空行,这几条官方写得很明确。
时间线每次被打开时都从 Google 表格实时读取数据,所以改内容不用重新生成,直接改表格即可。媒体支持面很宽,Twitter、Flickr、YouTube、Vimeo、Google Maps、Wikipedia、SoundCloud、Document Cloud 等都能直接贴链接引用。
能调什么
- 界面语言,列表里包含中文在内的几十种语言
- 字体、主题(默认或高对比度)、地图底图
- 起始幻灯片编号和初始缩放级别(0–10,默认 2)
- 是否从最后一页开始、导航栏是否置顶、是否开启调试日志
- 哈希书签,可深链到某一页,但只对直接链接的时间线有效,iframe 嵌入不生效
限制
官方建议单条时间线不超过 20 页,内容要顺着时间推进,不适合需要来回跳转的叙事。会写 JSON 的人可以脱离表格做定制部署,但普通用户基本就是表格这一条路。另外数据依赖 Google 表格,表格的发布状态和访问权限会直接影响时间线能否显示。
常见问题
TimelineJS 收费吗?
TimelineJS 免费使用。
TimelineJS 国内能访问吗?
本站 11 月 8 日 检测,TimelineJS 在国内可以直接访问。
TimelineJS 有哪些平台 / App?
支持 网页。
TimelineJS 的替代品有哪些?
本站整理了 1 个替代品,例如 Time.Graphics。