技巧多源确认
用 Codex + Deepseek-V4.1-Flash 以 JSON 生成可导出 SVG/PNG/GIF/MP4 的动画架构图
精选理由
有人用 Codex 加 Deepseek-V4.1-Flash，让模型只写 JSON 就能自动生成会动的架构图，还能导出 GIF 和 MP4，画时序图、Sankey 图都行，做技术分享很实用。
作者用 Codex 配合 Deepseek-V4.1-Flash，让编码 agent 只写 30 到 150 行 JSON 描述图表内容与连接关系，布局、连线路由、标签排版和动效全部交给渲染器完成。生成的 Hysteria2 代理原理动画架构图支持交互，可导出为 SVG、PNG、GIF 和 MP4。该项目提供 45 种图表类型和 15 个变体，覆盖架构图、时序图、ER 图、看板、甘特图、Sankey 图、Wardley map 等，等距风格的图表还能用基本体块拼出椅子、笔记本等立体物件。
原文 · Geek
太喜欢这种风格，让编码 agent 用一段 JSON 描述生成可交互、可导出为 SVG/PNG/GIF/MP4 的动画架构图。 我用 Codex + Deepseek-V4.1-Flash 生成了一张 Hysteria2 代理原理和一次请求的完整链路，效果太棒了。 模型不用 SVG，只写 30 到 150 行 JSON 说清有什么、怎么连，剩下的布局、连线路由、标签位置、排版和动效交给渲染器。 45 种图表类型加 15 个变体，架构图、时序图、ER 图、看板、甘特、Sankey、Wardley map 都在里面，等距那几种还能用基本体块搭出椅子、笔记本、汉堡和街道。 github.com/Aryanutkarsh/S… 💬 3 🔄 1 ❤️ 3 👀 1020 📊 5 ⚡
