【AI】DeepSeek 流程图 / 时序图制作,Word 排版错乱问题,文字转直观图形

一:动态流程图 / 时序图制作(DeepSeek + Draw.IO

工具准备
  • DeepSeek (AI 生成代码):官网(免费)
  • Draw.IO (可视化渲染):官网(免费,支持网页版)
流程图案例(以「用户注册流程」为例)
  1. 让 DeepSeek 生成代码

    提示词示例:

plaintext 复制代码
     请用 Mermaid 语法生成用户注册流程图,包含注册入口、信息填写、验证码验证、注册成功/失败分支,
     输出格式为 Mermaid
  • 复制生成的代码(如包含 graph TD 开头的文本)。
  1. Draw.IO 中渲染图表

    • 新建绘图 → 选择保存位置(选「设备」即可)。
    • 点击左侧「+」→「高级」→「Mermaid」,粘贴代码后点击「插入」,自动生成流程图。
  2. 添加动态效果(以连接线流动为例)

    • 选中连接线 → 右侧「样式」面板 → 勾选「Flow Animation」,连接线会出现流动动画。
    • 可调整线条粗细(如设为 3px)、修改图形颜色(右键图形 → 样式设置)。
  3. 导出图表

    • HTML 格式:适合演示(可缩放、交互),文件 → 另存为 → HTML。
    • SVG 格式:适合插入文档,文件 → 另存为 → SVG。
时序图案例(以「订单支付流程」为例)
  • 提示词:

    plaintext 复制代码
    用 Mermaid 时序图语法描述用户下单-支付-库存更新流程,包含用户、支付系统、库存系统交互步骤。
  • 生成代码后,在 Draw.IO 中重复上述步骤,勾选「Flow Animation」即可实现动态时序线。

二:数据图表一键生成(DeepSeek + Echarts)

工具准备
  • Echarts (数据可视化库):官网(免费,提供丰富模板)
操作步骤(以「月度销售额柱状图」为例)
  1. 准备数据

    • 示例数据(Excel 格式):

      月份 销售额(万元)
      1 月 50
      2 月 65
      3 月 70
  2. 让 DeepSeek 生成 Echarts 代码

    • 提示词模板(需包含数据和图表类型):
plaintext 复制代码
 以下是月份对应的销售额数据:
     1月: 50, 2月: 65, 3月: 70
请生成 Echarts 柱状图代码,要求 X 轴为月份,Y 轴为销售额,图表标题为"月度销售额对比",柱状图颜色为 #4A90E2。
     柱图示例代码:
     option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
}; 
  • 复制生成的 JavaScript 代码(包含 option 对象)。
  1. 在 Echarts 中渲染图表

    • 进入 Echarts 官网「在线编辑器」→ 清空左侧代码区 → 粘贴 DeepSeek 生成的代码 → 点击「运行」,右侧实时显示图表(图 3)。
  2. 导出与应用

    • 可截图保存,或通过 Echarts 提供的「导出图片」功能下载为 PNG/SVG。

三:Word 排版问题解决方案(指定 HTML 格式输出)

痛点场景

直接复制 AI 文本到 Word 时,常出现换行错乱、对齐失效等问题。

解决步骤
  1. 提问时添加格式要求

    • 示例:

      plaintext 复制代码
      请以 HTML 格式输出一份会议纪要模板,包含会议主题、时间、参会人员、议程、结论部分,
      段落使用 <p> 标签,标题使用 <h3> 标签。
  2. 粘贴到 Word 中

    • 复制 AI 输出的 HTML 代码 → 打开 Word → 粘贴(需选择「保留源格式」或「匹配目标格式」),自动呈现整齐排版(图 5)。

四:文字转直观图形(DeepSeek + Napkin)


工具准备
  • Napkin (智能图形生成工具):官网(免费版支持基础功能)
操作步骤(以「视频内容总结」为例)
  1. 让 DeepSeek 提炼文字

    • 提示词:
plaintext 复制代码
让大模型按markdown格式输出大纲,可以用于生成PPT;
按mermaid格式输出,可以用于生成流程图,组织结构图等各流程类的图表;
按echart格式输出,可以用于生成echart数据图表;

请再给我几个类似上面,让大模型按指定格式输出生成工作工常用文档的例子

生成的内容如下:

复制代码
1. 文档格式:Markdown
核心目标:PPT大纲生成
应用场景:
自动生成包含章节标题、关键点的PPT大纲
支持导出到PowerPoint/Keynote进行二次编辑

2. 文档格式:Mermaid
核心目标:流程类图表生成
应用场景:
自动生成流程图、时序图、甘特图
支持直接粘贴到Draw.io/Visio渲染


3. 文档格式:ECharts配置代码
核心目标:数据可视化图表生成
应用场景:
自动生成可交互的柱状图/折线图/地图
直接嵌入前端项目或数据分析报告


4. 文档格式:YAML(OpenAPI规范)
核心目标:API接口文档生成
应用场景:
自动生成Swagger UI可识别的API文档
支持导入Postman进行接口测试

5. 文档格式:LaTeX
核心目标:数据报告排版生成
应用场景:
自动生成包含表格、公式、参考文献的排版代码
直接编译为PDF文档

6. 文档格式:SQL
核心目标:数据库脚本生成
应用场景:
根据业务描述生成建表语句
生成测试数据插入脚本

7. 文档格式:XML/JSON
核心目标:标准化系统配置参数
应用场景:
生成Spring框架的Bean配置
输出微服务连接参数配置文件


8. 文档格式:PlantUML
核心目标:技术方案设计
应用场景:架构图实时同步代码变更

9. 文档格式:Mermaid甘特图
核心目标:项目管理
应用场景:自动计算关键路径耗时

10. 文档格式:Markdown
核心目标:跨团队协作文档	
应用场景:版本控制友好,差异对比清晰
  • 复制生成的简洁文本(如带标题和列表的内容)。
  1. 在 Napkin 中生成图形

    • 登录 Napkin → 新建白板 → 输入标题(大模型结构化输出) → 粘贴文字 → 全选内容 → 点击左侧浮动「闪电图标」(AI 生成图形)。
    • 等待 5-10 秒,生成多种样式图形(图 6),选择喜欢的模板(如分层结构图)。
  2. 调整与导出

    • 双击修改图标 / 配色 → 点击右上角「下载」→ 选择格式(PNG/JPG/SVG)及背景透明度。

三、进阶技巧:指定 AI 输出格式的通用逻辑

需求场景 关键提示词 配合工具 输出效果
流程图 / 时序图 "输出格式为 Mermaid" Draw.IO/diagrams.net 可编辑动态图表
数据可视化图表 "生成 Echarts 代码" Echarts 交互式数据图表
Word 整齐排版 "以 HTML 格式输出" Word 保留格式的文档
文字转图形 "生成结构化图形" Napkin 带图标 / 配色的可视化内容

\

相关推荐
CV-杨帆1 小时前
论文阅读:2024 ICML In-Context Unlearning: Language Models as Few-Shot Unlearners
论文阅读·人工智能·语言模型
国际云,接待4 小时前
甲骨文云2025深度解析:AI驱动的云原生生态与全球化突围
运维·服务器·人工智能·云原生·性能优化·云计算·量子计算
星图云4 小时前
金融风控的“天眼”:遥感技术的创新应用
大数据·人工智能
CV-杨帆4 小时前
论文阅读:2024 EMNLP User Inference Attacks on Large Language Models
论文阅读·人工智能·语言模型
界面开发小八哥4 小时前
界面控件DevExpress WPF v25.1预览 - AI功能增强(语义搜索)
人工智能·wpf·界面控件·devexpress·ui开发·.net 9
禺垣5 小时前
AdaBoost算法的原理及Python实现
人工智能·python·算法·机器学习·数据挖掘·adaboost·集成学习
joseanne_josie5 小时前
读论文笔记-LLaVA:Visual Instruction Tuning
论文阅读·人工智能
qq_508576095 小时前
混淆矩阵(Confusion Matrix)横坐标
人工智能·算法·机器学习
LSQ的测试日记5 小时前
机器学习_KNN算法
人工智能·算法·机器学习