SuperAPI AI 工具集

timeline-generator

通用与其它

查看项目

更新于 10-16 04:53

技能介绍

用途:根据用户提供的事件列表,生成基于 vis-timeline.js 的交互式时间线可视化,适合历史事件、项目路线图、课程安排、组织里程碑等按时间顺序展示的内容,可独立成页或嵌入 MkDocs 文档。

主要能力:生成包含 main.html、timeline.json 和 index.md 的 MicroSim 目录;事件支持标题、日期(年必填,月日可选)、描述、分类分组和悬停提示注释;支持分类筛选按钮、颜色编码、图例、点击查看详情、缩放与平移、悬停提示,以及带起止日期的区间事件。

使用方式:先收集时间线主题、时间范围、事件数据(标题、日期、描述、可选分类与注释)及是否需要分类筛选;按 kebab-case 创建 docs/sims/<timeline-name>/ 目录;生成 timeline.json(含 title 与 events 数组,start_date.year 必填);生成 main.html,引入 CDN 资源 https://cdnjs.cloudflare.com/ajax/libs/vis-timeline/7.7.3/vis-timeline-graph2d.min.js 与对应 CSS,加载 JSON 并转换为 vis-timeline 格式,配置颜色、筛选、选中事件等;如需 MkDocs 则编写 index.md 并在 mkdocs.yml 的 nav 中登记;最后验证 JSON、日期解析、筛选与浏览器兼容性。

适用场景:历史教育、项目规划与跟踪、课程表与课程体系、组织历史、个人传记等。

限制:依赖 vis-timeline 7.7.3 CDN;分类建议 3-6 个;月份需为 1-12;事件重叠可调整 margin.item 或启用 stack;嵌入媒体需额外配置;具体收费、价格与平台支持暂未提供。