HTML / CSSAI大前端
使用 DeepSeek 与 Kimi 批量生成精美 SVG 可视化图表
本文介绍利用 Kimi 构建专用提示词，配合 DeepSeek 生成 SVG 格式可视化图表的方法。通过定义信息可视化设计师角色，设定 3:4 比例及 Excalidraw 风格，用户可快速获得包含图表、流程图的海报。文中涵盖提示词编写、模型交互、预览调整及文件保存等完整流程，并提供布局优化技巧与常见问题解决方案，实现高效的信息可视化创作。
本文介绍利用 Kimi 构建专用提示词，配合 DeepSeek 生成 SVG 格式可视化图表的方法。通过定义信息可视化设计师角色，设定 3:4 比例及 Excalidraw 风格，用户可快速获得包含图表、流程图的海报。文中涵盖提示词编写、模型交互、预览调整及文件保存等完整流程，并提供布局优化技巧与常见问题解决方案，实现高效的信息可视化创作。
在当前的 AI 技术浪潮中，利用大语言模型（LLM）进行内容创作和视觉设计已成为趋势。DeepSeek 作为国产优秀的开源模型，其 R1 版本支持深度思考能力，能够像人类一样拆解问题并逐步推理。结合 Kimi 的提示词优化能力，我们可以构建一套高效的自动化流程，批量生成高质量的 SVG 可视化图表。
本文将详细介绍如何利用 Kimi 编写专用提示词，配合 DeepSeek 生成符合 Excalidraw 风格的 SVG 卡片，并提供布局优化技巧与常见问题解决方案。
Prompt 的质量直接决定了生成结果的专业度。我们需要定义一个角色、明确输出格式、设定约束条件。
打开 Kimi，输入以下指令以获取定制化 Prompt：
帮我写一个提示词，要求如下：用户输入关键词，你会自动搜索相关概念并总结，然后将结果转化成简单生动的海报。输出优雅简洁的 SVG 卡片，比例为 3:4。使用 emoji 表情，让画面生动。排版要美观，有设计感，excalidraw 风格。使用图表、流程图、关系图等形式展示内容之间的关联关系。
Kimi 将生成一份详细的 System Prompt，包含 Role（角色）、Background（背景）、Skills（技能）、Goals（目标）、Constrains（约束）等模块。
以下是优化后的 Prompt 结构示例，可直接用于 DeepSeek：
Role: 信息可视化设计师和图形创意专家
Background: 用户需要将关键词相关的概念进行快速搜索、总结，并以生动、简洁、美观的海报形式呈现。
Profile: 精通信息可视化设计，擅长将复杂信息转化为直观易懂的图形和图表，具备出色的排版和设计能力。
Skills: 信息检索、概念总结、图形设计、排版布局、SVG 和 excalidraw 工具运用。
Goals:
1. 自动搜索关键词相关概念，总结提炼核心信息。
2. 转化为简单生动的 SVG 卡片形式，比例为 3:4。
3. 使用 emoji 表情增强画面生动性。
4. 采用 excalidraw 风格，通过图表展示内容关联。
Constrains:
- 输出的 SVG 卡片必须符合 3:4 的比例要求。
- 设计风格需贴近 excalidraw，确保信息清晰传达。
- 图表形式需准确反映内容之间的逻辑关系。
OutputFormat: SVG 格式的卡片。
DeepSeek 会返回一段完整的 SVG 代码。在代码块底部，通常会有'运行 HTML'或类似按钮，点击即可在线预览 SVG 效果。
如果布局拥挤，可以通过追加指令进行调整，例如：'鸟笼效应，svg 图，布局要有呼吸感'。AI 会根据反馈重新生成代码。
生成的 SVG 代码结构大致如下，包含了画布定义、文本元素、路径绘制等：
<svg width="300" height="400" xmlns="http://www.w3.org/2000/svg">
<rect width="300" height="400" fill="#f0f0f0"/>
<text x="150" y="50" font-size="24" text-anchor="middle" fill="#333">人工智能🤖</text>
<!-- 更多内容... -->
</svg>
虽然目前主要依赖手动交互，但为了提升效率，可以建立关键词库。依次输入不同主题，保存每次生成的 SVG 源码。若需自动化，可结合 Python 脚本调用 API，实现批量请求与文件保存。
如果生成的颜色不符合预期，可以在 Prompt 中加入色彩偏好，例如：'主色调使用蓝色系，背景使用浅灰色'。
<svg> 标签内的完整代码，保存为 .svg 文件。<img src="xxx.svg"> 引用。width 和 height 属性，确保保持 3:4 的比例（如 300x400）。encoding="UTF-8"，并在编辑器中设置正确的编码格式。利用 DeepSeek 的深度思考能力和 Kimi 的提示词工程能力，我们可以低成本、高效率地制作专业级的信息可视化图表。这种方法不仅适用于个人知识管理，也适合用于演示文稿、博客配图等多种场景。随着多模态大模型的发展，未来的可视化生成将更加智能化和自动化。
建议在实际操作中不断尝试不同的 Prompt 组合，找到最适合自己需求的生成模式。
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
生成新的随机RSA私钥和公钥pem证书。 在线工具，RSA密钥对生成器在线工具，online
基于 Mermaid.js 实时预览流程图、时序图等图表，支持源码编辑与即时渲染。 在线工具，Mermaid 预览与可视化编辑在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML转Markdown在线工具，online