DeepSeek结合Mermaid绘图(流程图、时序图、类图、状态图、甘特图、饼图)转载

news2025/3/16 2:27:48

思维速览:

本文将详细介绍如何利用DeepSeek结合Mermaid语法绘制各类专业图表,帮助你提高工作效率和文档质量。

▍DeepSeek入门使用请看:deepseek保姆级入门教程(网页端使用 + 本地客户端部署 + 使用技巧)

DeepSeek官网: DeepSeek

一、Mermaid简介

Mermaid是一个基于JavaScript的图表绘制工具,它允许用户使用类似于Markdown的文本语法创建和修改图表

Mermaid官网:Mermaid | Diagramming and charting tool

在这里插入图片描述

Mermaid在线编辑器:Online FlowChart & Diagrams Editor - Mermaid Live Editor

在这里插入图片描述

最大的优势在于不需要专业的图形设计软件,就能通过简单的代码创建出清晰、专业的图表。

二、DeepSeek与Mermaid结合的优势

  • 简单易用:无需安装额外软件,直接在DeepSeek对话中编写代码
  • 即时反馈:代码编写完成后即可查看渲染效果
  • 多种图表支持:流程图、时序图、类图等多种类型全覆盖
  • 易于修改:只需调整代码即可更新图表,无需重新绘制

markdown中使用mermaid绘图,写好语句后要用:

```mermaid + ```包裹写好的语句,之后会显示渲染后的图的效果
  • 1

例如:我让DeepSeek使用Mermaid绘制一个流程图示例

在这里插入图片描述

Mermaid语句内容是这样的:

graph TD
  A([开始]) --> B[输入用户名和密码]
  B --> C{格式验证}
  C -->|验证失败| D[提示格式错误]
  C -->|验证通过| E[请求登录接口]
  E --> F{登录结果}
  F -->|成功| G[跳转到主页]
  F -->|失败| H[提示密码错误]
  G --> I([结束])
  H --> B
  D --> B

  style A fill:#4CAF50,color:white
  style I fill:#4CAF50,color:white
  style D fill:#FF5722,color:white
  style H fill:#FF5722,color:white
  style G fill:#2196F3,color:white

对应的流程图渲染效果:

在这里插入图片描述

三、常见图表类型及实例

1. 流程图 (Flowchart)

流程图是最常用的图表类型之一,适合展示算法、业务流程或决策过程

基本语法
graph 方向
    节点1[文本] --> 节点2[文本]

方向可以是:

  • TB - 从上到下
  • TD - 从上到下(与TB相同)
  • BT - 从下到上
  • RL - 从右到左
  • LR - 从左到右
示例
graph TD
    A[开始] --> B{是否有问题?}
    B -->|是| C[解决问题]
    B -->|否| D[完成]
    C --> D
    D --> E[结束]
  •  

在这里插入图片描述

2. 时序图 (Sequence Diagram)

时序图用于展示对象之间的交互,特别适合表达系统组件间的通信流程

基本语法
sequenceDiagram
    参与者A->>参与者B: 消息内容
    参与者B-->>参与者A: 返回内容
  •  
示例
sequenceDiagram
    用户->>+前端: 发起请求
    前端->>+后端API: 传递数据
    后端API->>+数据库: 查询数据
    数据库-->>-后端API: 返回结果
    后端API-->>-前端: 返回处理后的数据
    前端-->>-用户: 展示结果
  •  

在这里插入图片描述

3. 类图 (Class Diagram)

类图用于展示系统中的类以及它们之间的关系,是面向对象设计的重要工具。

基本语法
classDiagram
    类A <|-- 类B
    类A : +属性1
    类A : +方法1()
  •  
示例
classDiagram
    Person <|-- Student
    Person <|-- Teacher
    Person : +String name
    Person : +int age
    Person : +void talk()
    Student : +int studentId
    Student : +void study()
    Teacher : +String subject
    Teacher : +void teach()
  •  

在这里插入图片描述

4. 状态图 (State Diagram)

状态图用于描述系统或对象在不同状态之间的转换

基本语法
stateDiagram-v2
    [*] --> 状态1
    状态1 --> 状态2: 触发条件
    状态2 --> [*]
示例
stateDiagram-v2
    [*] --> 待处理
    待处理 --> 处理中: 开始处理
    处理中 --> 已完成: 处理完毕
    处理中 --> 异常: 出现问题
    异常 --> 处理中: 解决问题
    已完成 --> [*]
  •  

在这里插入图片描述

5. 甘特图 (Gantt Chart)

甘特图用于项目管理,展示任务的开始、结束时间和持续时间

基本语法
gantt
    title 项目名称
    dateFormat YYYY-MM-DD
    section 阶段名
    任务名 :task-id, 开始日期, 持续时间
示例
gantt
    title 网站开发项目计划
    dateFormat YYYY-MM-DD
    section 规划阶段
    需求分析    :a1, 2023-06-01, 7d
    概要设计    :a2, after a1, 5d
    section 开发阶段
    详细设计    :b1, after a2, 10d
    编码实现    :b2, after b1, 15d
    section 测试阶段
    单元测试    :c1, after b2, 5d
    集成测试    :c2, after c1, 5d
    系统测试    :c3, after c2, 5d
    section 部署阶段
    发布准备    :d1, after c3, 3d
    上线部署    :d2, after d1, 2d

在这里插入图片描述

6. 饼图 (Pie Chart)

饼图用于展示数据的比例关系

基本语法
pie
    title 标题
    "分类1" : 数值1
    "分类2" : 数值2
示例
pie
    title 项目资源分配
    "前端开发" : 35
    "后端开发" : 30
    "数据库" : 15
    "测试" : 10
    "部署运维" : 10

在这里插入图片描述

四、高级技巧

1. 样式定制

在流程图中,你可以通过以下方式自定义节点样式:

graph TD
    A[普通节点] --> B(圆角节点)
    B --> C{条件节点}
    C -->|是| D((圆形节点))
    C -->|否| E>标签节点]

在这里插入图片描述

2. 子图

使用subgraph创建子图,对相关节点进行分组:

graph TB
    subgraph 子系统1
        A[组件A] --> B[组件B]
    end
    subgraph 子系统2
        C[组件C] --> D[组件D]
    end
    B --> C

在这里插入图片描述

3. 注释和说明

在时序图中添加注释:

sequenceDiagram
    Alice->>Bob: 发送请求
    Note right of Bob: Bob思考中
    Bob-->>Alice: 发送响应

在这里插入图片描述

4.常见问题与解决方案
  1. 图表不显示:确保语法正确,特别是缩进和标点符号
  2. 布局混乱:尝试调整方向(TD/LR等)或减少节点数量
  3. 文本溢出:缩短节点文字或使用换行符<br/>
  4. 箭头样式错误:检查箭头语法,如-->-->>-.-> 等

五、实际应用场景

1.软件开发文档
graph LR
    subgraph 前端层
        A[用户界面] --> B[业务逻辑]
    end
    subgraph 服务层
        C[API网关] --> D[微服务1]
        C --> E[微服务2]
    end
    subgraph 数据层
        F[主数据库] --> G[读库1]
        F --> H[读库2]
    end
    B --> C
    D --> F
    E --> F

在这里插入图片描述

2.业务流程分析
graph TD
    A[客户下单] --> B{库存检查}
    B -->|有库存| C[创建订单]
    B -->|无库存| D[通知缺货]
    C --> E[支付处理]
    E -->|支付成功| F[准备发货]
    E -->|支付失败| G[取消订单]
    F --> H[物流配送]
    H --> I[订单完成]

在这里插入图片描述

小结

通过DeepSeek结合Mermaid语法,我们可以轻松创建各种专业图表,提高工作效率和文档质量。无论是软件开发、项目管理还是系统设计,这种方式都能帮助我们更清晰地表达和理解复杂信息。

希望本文能对你有所帮助,让我们一起用Mermaid在DeepSeek中创建更多精美实用的图表!

参考资料 ▍

  • Mermaid官方文档:Mermaid | Diagramming and charting tool
  • Markdown与Mermaid结合使用指南

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2315749.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

玩转云服务器——阿里云操作系统控制台体验测评

在云服务器日益普及的背景下&#xff0c;运维人员对操作系统管理工具的要求不断提高。我们需要一款既能直观展示系统状态&#xff0c;又能智能诊断问题&#xff0c;提供专业指导的控制台。阿里云操作系统管理平台正是基于API、SDK、CLI等多种管理方式&#xff0c;致力于提升操作…

Linux 安装 Oh My Zsh

1. 简介 Zsh&#xff08;Z Shell&#xff09;是一款功能强大的 Shell&#xff0c;相比 Bash 提供了更强的 自动补全、命令高亮、插件支持 等功能。而 Oh My Zsh 是一个 Zsh 的增强管理工具&#xff0c;让你可以轻松安装插件和主题&#xff0c;极大提高开发效率。 本教程将详细…

方差,协方差及协方差矩阵的计算

1.方差 方差是用来衡量一组数据的离散程度&#xff0c;数序表达式如下: σ 2 1 N ∑ i 1 N ( x i − μ ) 2 \sigma^2\frac1N\sum_{i1}^N(x_i-\mu)^2 σ2N1​i1∑N​(xi​−μ)2 σ 2 σ^2 σ2表示样本的总体方差&#xff0c; N N N 表示样本总数&#xff0c; x i x _i xi​…

DeepSeek-R1思路训练多模态大模型-Vision-R1开源及实现方法思路

刚开始琢磨使用DeepSeek-R1风格训练多模态R1模型&#xff0c;就看到这个工作&#xff0c;本文一起看看&#xff0c;供参考。 先提出问题&#xff0c;仅靠 RL 是否足以激励 MLLM 的推理能力&#xff1f; 结论&#xff1a;不能&#xff0c;因为如果 RL 能有效激励推理能力&#…

Unity 创建签名证书、获取签名证书信息,证书指纹

目录 一&#xff1a;创建签名证书 二&#xff1a;自动填写密码 ​编辑 三&#xff1a;获取签名证书的信息 后言 &#x1f451;&#x1f451;&#x1f451; 一&#xff1a;创建签名证书 首先确保Unity是安卓打包&#xff0c;然后按图操作 会打开下图页面 选择你要创建到的…

在AIStudio飞桨星河社区一键部署DeepSeek-r1:70b模型

随着DeepSeek的火热&#xff0c;市面上出现大量的第三方的API服务区&#xff0c;但是对于对安全、隐私、控制有一定需求的用户&#xff0c;还是会希望能够自主部署DeepSeek 。 实践下来&#xff0c;用自己的机器部署是一条解决之道&#xff0c;但是推理起来&#xff0c;cpu和内…

机器学习算法分类及应用场景全解析

在机器学习的学习过程中&#xff0c;具备归类思想至关重要。机器学习涉及众多算法、数据类型及应用场景&#xff0c;归类能让我们清晰梳理知识体系。比如将算法按学习方式分为有监督、无监督等&#xff0c;按任务分类分为分类任务、回归任务和生成任务。通过归类&#xff0c;能…

GNU Nano编辑器中,怎样保存并退出

当出现git commit的提交内容需要修改时&#xff0c;使用git commit --amend进行解决。 但是在修改提交的内容时&#xff0c;弹出了GNU Nano的编辑器 修改完毕后&#xff0c;使用ctrlxd的组合键退出 输入Y后&#xff0c;将退出编辑器&#xff0c;操作完成

个人居家 Web移动端 局域网 远程控制电脑 工具 PC遥控器拿去玩吧

想远程电脑 换个电影&#xff0c;切个歌&#xff0c;随有无线键鼠&#xff0c;但解决不了离屏幕较远 看不清鼠标指针和键入内容。 看似简单的事情&#xff0c;但对周末躺下沙发的码农来说&#xff0c;就再也起不了身了。 远程工具 TeamViewer、向日葵、Autodesk以及开源的RustD…

cursor中使用prettier-code formatter插件方法

cursor的"扩展"中搜索"prettier-code formatter"&#xff0c;然后安装 点击cursor编辑器右上角“更多操作”&#xff0c;然后打开“配置编辑器” 按照图片进行操作&#xff0c;进入到editor在editor中&#xff0c;找“格式化“&#xff0c;把Format On Sav…

SpaceSync智能排班:重构未来办公空间的神经中枢

文心智能体平台可免费使用DeepSeek 满血版啦&#xff0c;使用DeepSeek模型创建并提交智能体&#xff0c;即有机会瓜分万元奖金&#xff01;有这等好事还不快冲&#xff01; 文心智能体官网&#xff1a;文心智能体平台AgentBuilder | 想象即现实 本片文章为作者参加文心智能体平…

ToB公司找客户专用|大数据获客系统

对于ToB公司而言&#xff0c;找到并吸引合适的潜在客户并非易事。传统的获客手段如参加行业展会、电话推销以及直接拜访等&#xff0c;虽然在过去取得了一定成效&#xff0c;但如今却暴露出诸多问题。首先&#xff0c;这些方法往往成本高昂&#xff0c;无论是时间还是金钱上的投…

Linux 文件权限类

目录 文件属性 从左到右的10个字符表示 rwx作用文件和目录的不同解释 图标&#xff1a; 案例实操 chmod 改变权限 基本语法 经验技巧 案例实操 拓展&#xff1a;可以通过一个命令查看用户列表 chown改变所有者 基本语法 选项说明 案例实操 chgrp 改变所属组 基…

在线Doc/Docx转换为PDF格式 超快速转换的一款办公软件 文档快速转换 在线转换免费转换办公软件

小白工具https://www.xiaobaitool.net/files/word-pdf/提供了一项非常实用的在线服务——将Doc或Docx格式的文档快速转换为PDF格式。这项服务不仅操作简单&#xff0c;而且转换效率高&#xff0c;非常适合需要频繁处理文档转换的用户。 服务特点&#xff1a; 批量转换&#x…

网络安全——SpringBoot配置文件明文加密

XTHS&#xff1a;第一步、XTHS&#xff1a;第二步、XTHS&#xff1a;第三步、XTHS&#xff1a;第四步 &#xff01;就可以实现了。&#xff08;但是前提&#xff0c;你要先对你的文本进行加密&#xff0c;然后按照ENC(加密文本)&#xff0c;放到配置文件中&#xff09; 一、前言…

Docker安装Kafka(内含zookeeper)

因为kafka是基于zookeeper做的&#xff0c;所以必须要有zookeeper 一、Zookeeper 1.拉取镜像 docker pull zookeeper:3.7.02.运行 docker run --restartalways \--log-driver json-file \--log-opt max-size100m \--log-opt max-file2 \--name zookeeper -p 2181:2181 \-v…

Netty启动源码NioEventLoop剖析accept剖析read剖析write剖析

学习链接 NIO&Netty - 专栏 Netty核心技术十–Netty 核心源码剖析Netty核心技术九–TCP 粘包和拆包及解决方案Netty核心技术七–Google ProtobufNetty核心技术六–Netty核心模块组件Netty核心技术五–Netty高性能架构设计 聊聊Netty那些事儿 - 专栏 一文搞懂Netty发送数…

【HarmonyOS Next之旅】基于ArkTS开发(三) -> 兼容JS的类Web开发(七) -> JS动画(二)

目录 1 -> 动画动效 1.1 -> 创建动画对象 1.2 -> 添加动画事件和调用接口 2 -> 动画帧 2.1 -> 请求动画帧 2.2 -> 取消动画帧 1 -> 动画动效 通过设置插值器来实现动画效果。 说明 从API Version 6 开始支持。 1.1 -> 创建动画对象 通过cre…

LINUX下的tcp协议

TCP 1. 面向数据流&#xff08;流式套接字&#xff09; 2. 建立连接 3. 安全可靠的传输协议 应用场景&#xff1a; HTTP, MQTT, FTP 三次握手&#xff1a;TCP建立连接时&#xff0c;需要进行三次握手&#xff0c;确保收发数据前&#xff0c;双方都已准备就绪。 四次挥…

Handy Multi Agent—task1:CAMEL环境配置及你的第一个Agent

目录 1.1 获取CAMEL 1.1.1 通过 PyPI 安装 1.1.2 通过源码安装 1.1.2.1 使用 Poetry 工具从源码安装 1.1.2.2 使用Conda和Pip从源码安装 1.2.2 使用API调用模型 1.2.2.1 使用语言模型 1.2.2.2 使用多模态模型 1.2.2.3 视频理解 1.2.2.4 作业1 1.2.2.5 作业2 1.1 获取…