Introduction
TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality.
TimelineJS works on any site or blog. Make your own in four easy steps: create your spreadsheet, publish to the web, generate your timeline, and share your timeline. Copy this embed code and paste it on your site where you want your timeline to appear (just like a YouTube video).
TimelineJS can pull in media from a variety of sources, including Twitter, Flickr, YouTube, Vimeo, Vine, Dailymotion, Google Maps, Wikipedia, SoundCloud, Document Cloud and more. Every time a timeline is viewed, the data is loaded from Google Sheets. This means that if you need to change your timeline, you don't need to come back and do anything here, or even republish it. Just edit Google Sheets.
Interactive timelinesOpen sourceGoogle SheetsJSONMedia embedsGoogle MapsStorytelling
Screenshots

Deployment
iframe 嵌入
适用于把由 Google Spreadsheet 生成的 TimelineJS 直接嵌入任意网站或博客页面,像嵌入 YouTube 视频一样使用。
分享链接 / oEmbed
适用于在 Medium 等支持 oEmbed 的平台发布,只需粘贴生成的时间线链接即可展示。
JavaScript 直接实例化
适用于需要自定义安装、使用 JSON 数据源或通过自有 Web 服务器权限控制隐私访问的高级场景。
WordPress 插件
适用于可安装插件的自托管 WordPress 站点,通过 shortcode 或实验性 oEmbed 嵌入 TimelineJS。
Details
Type Open-source software
License MPL-2.0
Last verified 2026-07-18
Ad slot 300 × 250 Ad
About the data
Stars / commit times sync automatically from the GitHub API; pricing and features are human-verified.