时间线
使用 Mermaid 语法在线创建时间线图，可视化事件历史和里程碑，支持导出 SVG/PNG。
在左侧输入 Mermaid 代码以查看预览
时间线图（Timeline）以时间轴为主轴，展示按时间顺序发生的事件或里程碑，适合历史回顾、产品发展路程和技术演进总结。Mermaid 的 timeline 语法支持为每个时间节点添加一个或多个事件描述，时间节点可以是年份、季度、日期或任意文本标签。相比 PowerPoint 或 Canva 的时间线模板，Mermaid 时间线图以纯文本定义，可随内容更新快速调整，适合嵌入技术博客文章、产品路线图文档和年度总结报告。典型应用：AI 技术发展史、公司融资历程、产品版本迭代记录、个人成长时间轴等。对于需要频繁更新的动态时间线，Mermaid 的纯文本特性使协作维护变得轻松高效。
为什么选择 Zolkit Mermaid 图表生成器？
Zolkit Mermaid 图表生成器是一款纯浏览器工具，无需注册账号、无需安装插件，代码即图，所见即所得。支持 10 种 Mermaid 图表类型，从软件架构图到项目计划甘特图，一键导出 SVG 矢量图或 PNG 位图，满足文档、演示和代码仓库的各种需求。
实时预览
边输入边渲染，无延迟反馈，帮助你快速验证图表语法。
10 种图表类型
支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
导出 SVG 和 PNG
SVG 无损缩放，PNG 适合截图插入文档，满足不同使用场景。
内置代码示例
每种图表类型均内置可运行示例，一键加载，快速上手。
完全在浏览器中运行
代码和图表数据不离开你的设备，无隐私泄露风险。
免费无限制使用
无需注册，无使用次数限制，随时随地使用。
如何使用
- 1
在左侧代码框中输入或粘贴 Mermaid 语法，右侧即时显示图表预览。
- 2
点击「加载示例」快速获取各图表类型的标准代码模板。
- 3
图表满意后，点击「导出 SVG」或「导出 PNG」保存图表，或点击「复制 SVG」直接粘贴到你的项目中。
常见问题
一个时间节点可以添加多个事件吗？
可以，在同一时间节点下每行以冒号开头即可添加多个事件描述，例如：2022 : ChatGPT 发布 : Stable Diffusion 开源，两个事件会并排显示在同一时间段下。
时间节点支持哪些格式？
时间节点没有格式限制，可以是年份（2024）、季度（Q1 2024）、完整日期或任意描述性文本，Mermaid 会将其作为标签显示在时间轴上。
如何为时间线添加分节（section）？
使用 section 关键字可以将时间线分为多个阶段，例如 section 早期阶段，同一 section 内的节点会以相同颜色显示，便于区分不同阶段。
时间线支持从右到左的方向吗？
目前 Mermaid 时间线仅支持从左到右（默认方向），不支持从右到左或垂直方向。如需垂直时间线，可考虑使用甘特图或自定义 CSS 实现。