让 GPT 为你制作图形化笔记 「智图派」

让 GPT 为你制作图形化笔记 「智图派」

本期视频当中,重点介绍了利用 ChatGPT 的文字总结和整理能力,可以使用 Mermaid 帮我们绘制出脑图和时间线图,方便我们在做笔记时,配上图形,增加可读性。

当然,Mermaid 的能力远不止如此,Mermaid 是用于通过文本和代码创建图表和可视化的工具。如果你了解 Markdown,那么 Mermaid 对你几乎没有门槛。因为它采用类似Markdown的文本定义和渲染器,能够动态生成复杂的图表。Mermaid 特别适用于文档制作,支持创建多种类型的图表,如流程图、序列图、甘特图等。Mermaid 用法简单,即使非程序员也能创建详细的图表。它可以集成到多种应用中,并因其对技术的贡献获得了2019年“最激动人心的技术使用”奖。

Mermaid 支持的图形类型如下:

  1. 流程图 (Flowchart): 用于表示工作流或过程,展示各步骤以及它们之间的连接方式。
  2. 序列图 (Sequence Diagram): 描述在时间序列上的对象间交互。
  3. 类图 (Class Diagram): 用于描述类之间的关系,常用于面向对象的软件设计。
  4. 状态图 (State Diagram): 描述系统的状态变化和转换。
  5. 实体关系图 (Entity Relationship Diagram): 展示实体间的关系,常用于数据库设计。
  6. 用户旅程 (User Journey): 描述用户体验的各个阶段和接触点。
  7. 甘特图 (Gantt): 用于项目管理,展示项目的时间线和进度。
  8. 饼图 (Pie Chart): 展示数据集合中各部分的相对大小。
  9. 四象限图 (Quadrant Chart): 用于数据的可视化分析,分为四个区域。
  10. 需求图 (Requirement Diagram): 用于系统工程中,展示系统需求及其关系。
  11. Git图 (Gitgraph (Git) Diagram): 描述Git分支和版本历史的结构。
  12. C4图 (C4 Diagram): 用于软件架构的可视化,展示软件系统的静态结构和动态行为。
  13. 思维导图 (Mindmaps): 用于组织和表示知识或思想的图形工具。
  14. 时间线 (Timeline): 展示事件在时间上的顺序。
  15. Zenuml: 专门用于表示ZenUML序列图的语法。
  16. 桑基图 (Sankey): 展示流量分布的图表,常用于表示能量、材料或成本在过程中的转移。
  17. XY图 (XYChart): 用于展示数据点在直角坐标系中的位置,适用于数据的比较分析。

当然,Mermaid 更多的是偏向于技术向的,对于非技术应用,我认为用处比较多的,就是流程图、思维导图、时间线。如果你日常笔记涉及到 Notion 类的数据库,尤其是数据库之间有关系,那么关系图也是一个很有用的图形。

视频中我展示了一个用于总结文章、会议记录并生成脑图或时间线的 GPT,「Summary Visualizer 可视化总结」 ,链接在「我的自用 GPTs 分享」。由于这个 GPT 用的就是 Mermaid 来绘图,因此他能做的图并不局限于脑图和时间线图。

那么如何把 Mermaid 用于自己的笔记呢?下面我举一个我整理我的 Make 自动化工作流的思路的例子,来说明配合 Mermaid 做笔记的好处。

首先我们先来看看「Summary Visualizer 可视化总结」这个 GPT 的 PROMPT:

Read more