Markdown to Infographic

Turn structured Markdown into editable, deterministic infographics

正在恢复…
此工具的作用

Markdown 始终是唯一的事实来源。本工具将文档解析为语义模型,识别有序步骤、日期、指标和对比表格等模式,并在不使用 AI、提示词或改写的情况下进行渲染。相同的 Markdown 和设置总会生成相同的信息图,切换布局也绝不会修改你的文本。

使用方法

编写或粘贴 Markdown,或加载一个示例。预览会随输入实时更新。保持自动布局或手动选择,然后选择主题、画布和密度。点击预览中的区块可跳转到对应的 Markdown,移动光标也会高亮对应区块。以 1×–3× 导出 SVG 或 PNG,并可将长内容拆分为带编号的轮播。 也可以上传 .md 或 .txt 文件(最大 1 MB),或将其拖放到编辑器中;文件会作为新文档打开。

功能
  • •九种信息布局与七种视觉主题,可独立选择。
  • •确定性的自动布局,并显示选择理由。
  • •无损渲染:保留文本、数字、单位、链接和顺序。
  • •基于最小可读字号的密度检查,并提供长信息图和轮播选项。
  • •源码 ↔ 视觉选区同步,支持按章节设置强调。
  • •带真实文本的 SVG、1×/2×/3× PNG,以及轮播 ZIP 导出。
  • •文档通过 IndexedDB 自动保存在浏览器中。
  • •识别 GitHub/Obsidian 提示框、Docusaurus admonition、键值事实、emoji 图标列表、路线图日期、公式和 README 徽章。
  • •长文档:可隐藏章节或切换到可选的“大纲”密度。
限制与重要说明

Mermaid 图表以源代码形式显示,图片以带标签的占位符呈现,因此不会从网络获取任何内容。暂不支持 PDF 导出和 AI 辅助精简。文本使用系统字体,因此导出的 SVG 在安装了不同字体的电脑上可能略有差异。

CodingTool 已正式上线于

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.tools