真实操作案例教育与学习辅助
思维导图生成:Tokeny 实操案例
把课程大纲转为层级清楚的思维导图 SVG、HTML 和 Mermaid 源码,保留父子关系,避免遗漏分支。
作者:Tokeny 团队 · Windows · Tokeny 1.7.8 · gpt-6-sol
准备这次任务的输入
在 Tokeny 中新建工作空间,将下载的样例解压到工作空间,选择支持工具调用的模型。本例使用合成演示数据或文中列出的公开资料。
- outline.md
把任务交给 Tokeny
把课程大纲转为层级清楚的思维导图 SVG、HTML 和 Mermaid 源码,保留父子关系,避免遗漏分支。 交付文件:mindmap.svg、mindmap.html、mindmap.mmd。 验收要点: - 4 个主分支、8 个叶节点 - 文字清晰不重叠 这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入,再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间;临时服务只监听 127.0.0.1,执行后关闭;不触达外部收件人、不发布、不付款、不更改系统设置,不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md(中文)和 report.en.md(英文),简洁、完整,包含输入、处理步骤、真实结果、检查方式和局限;失败或未验证部分如实记录,不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。 排版检查:Word 主标题仅出现一次,标题为黑色且与后续正文或表格保持同页;Excel 表头和长文字不能被窄列截断,合理设置列宽、换行、行高;HTML 在 390px 视口不能整页横向溢出。报告没有固定字数要求,不要为字数反复改写。
本次使用独立演示工作空间。复现时,请根据自己的文件与权限设置检查操作,确认后继续。
实际执行过程
任务从 Tokeny 输入框提交,由在线模型读取资料并调用工具实际执行。本例核对本地演示任务与实际生成的文件,结果和检查方法见下文。
产物、结果与复核
输入
读取工作空间文件 outline.md。内容为“数据素养”课程大纲:4 个一级分支(提出问题、收集数据、分析、沟通),每个分支各含 2 个叶节点,共 8 个叶节点。
处理步骤
- 按原始 Markdown 标题层级解析根节点、一级节点和二级节点。
- 将 4 个一级分支分别放置在中心节点的左上、右上、左下、右下区域;每个分支连接两个叶节点。
- 生成固定视图盒的 SVG、内嵌 SVG 的响应式 HTML,以及 Mermaid mindmap 源码。
- 为 HTML 设置
width: 100%、viewBox和overflow-x: hidden,适配窄屏展示。
真实结果
mindmap.svg:已生成,包含中心节点、4 个主分支和 8 个叶节点。mindmap.html:已生成,包含可直接打开的响应式思维导图和分支图例。mindmap.mmd:已生成,保留根节点到叶节点的 Mermaid 层级关系。- 主分支计数:4。
- 叶节点计数:8。
- 输入节点均已映射,无遗漏分支。
检查方式
- 逐项比对
outline.md的 1 个根节点、4 个二级标题和 8 个三级标题。 - 检查 SVG 与 HTML 的
viewBox、节点坐标及连接线:各节点有独立空间,连接线不穿过节点文字。 - 检查 HTML CSS:页面和 SVG 使用流式宽度,390px 视口下不依赖固定页面宽度。
- 实际通过
127.0.0.1浏览器打开 HTML,页面加载成功且可访问性树识别到标题、导图和 4 个主分支。 - 检查 Mermaid 源码:使用一个 root、4 个一级缩进节点和每个一级节点下的 2 个叶节点。
局限
- 浏览器扩展侧的 390px iframe 脚本检查超时,未完成像素级横向溢出测量;目前仅完成 CSS 静态检查和页面加载检查,不能宣称已通过像素级移动端验收。
- 未调用 Mermaid 渲染引擎;Mermaid 的最终视觉主题由渲染器决定,源码层级已完成检查。SVG/HTML 文字实际字形会受本机中文字体影响。
- Mermaid 的最终视觉主题由渲染器决定;源码层级已完成检查。
下载产物,自己核对
压缩包保存本次执行生成的文件。替换成自己的资料后,可以按下面的检查点验收。
- 4 个主分支、8 个叶节点
- 文字清晰不重叠
mindmap.svg · 5 KBmindmap.html · 7 KBmindmap.mmd · 1 KBreport.md · 2 KBreport.en.md · 2 KB
下载本次实际产物
