Mind Map Generation: a Tokeny case study
Transform course content or book outlines into clearly structured mind maps. Follow the recorded task, execution screenshots, actual files and verification notes.
By the Tokeny team · Windows · Tokeny 1.7.8 · gpt-6-sol
Prepare the inputs
Create a separate workspace in Tokeny, download and unpack the sample inputs, then select a model that supports tools. The sample uses synthetic data or the public sources named in the article.
- outline.md
Send the task to Tokeny
The original task was executed in Chinese. Copying these instructions reproduces the same task; the results below include an English report.
把课程大纲转为层级清楚的思维导图 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 视口不能整页横向溢出。报告没有固定字数要求，不要为字数反复改写。
The recorded run used an isolated demonstration workspace. Review the commands and file paths before approving operations in your own workspace.
What actually ran
The task was submitted through the Tokeny input box. An online model read the inputs and executed tools. This run covers the local sample task and its actual files. Results and checks are recorded below.
Results and verification
Input
Read outline.md from the workspace. The course outline is “Data Literacy” with 4 first-level branches (提出问题 / Propose Questions, 收集数据 / Collect Data, 分析 / Analyze, 沟通 / Communicate). Each branch contains 2 leaf nodes, for 8 leaves in total.
Processing Steps
- Parsed the root, first-level headings, and second-level headings from the original Markdown outline.
- Positioned the four first-level branches in the upper-left, upper-right, lower-left, and lower-right areas around the root; each branch connects to two leaves.
- Generated a fixed-viewBox SVG, a responsive HTML page with an embedded SVG, and Mermaid mindmap source.
- Added
width: 100%,viewBox, andoverflow-x: hiddento the HTML layout for narrow screens.
Actual Results
mindmap.svg: generated with the root, 4 main branches, and 8 leaf nodes.mindmap.html: generated as a directly openable responsive diagram with a branch legend.mindmap.mmd: generated with the complete Mermaid parent-child hierarchy.- Main branch count: 4.
- Leaf node count: 8.
- Every input node is mapped; no branch was omitted.
Checks
- Compared the 1 root, 4 second-level headings, and 8 third-level headings against
outline.md. - Checked the SVG and HTML
viewBox, node coordinates, and connectors; nodes have separate space and connectors do not cross node labels. - Checked the HTML CSS: the page and SVG use fluid width, without a fixed page width dependency at a 390px viewport.
- Opened the HTML through a browser on
127.0.0.1; page loading succeeded and the accessibility tree identified the title, diagram, and 4 main branches. - Checked the Mermaid source: one root, four first-level indented nodes, and two leaves under each first-level node.
Limitations
- The browser extension's 390px iframe script check timed out, so pixel-level horizontal-overflow measurement was not completed. Only CSS static inspection and page-load verification were completed; mobile overflow cannot be claimed as pixel-verified.
- No Mermaid rendering engine was used. Mermaid's final visual theme is renderer-dependent; the source hierarchy itself was checked. SVG/HTML glyph metrics depend on the installed CJK font.
- Mermaid's final visual theme is renderer-dependent; the source hierarchy itself was checked.
Download and inspect the outputs
The archive contains the files created during this run. Use these checks when adapting the example to your own data.
- Reconcile the reported results against the downloadable sample inputs.
- Open the generated files and check the contents relevant to your task.
- Review the limitations and any unverified steps in the report.