Mermaid树状图

在 Mermaid 中绘制树状图(Tree Diagram),通常使用 graph(流程图)mindmap(思维导图) 语法来实现。

根据你的需求,这里有两种最常用的方法:


1. 使用流程图语法(最灵活)

通过设置绘图方向为 TB (Top to Bottom,自上而下) 或 LR (Left to Right,从左向右),可以轻松画出树状结构。

graph TD
    A[A] --> B1[B1]
    A --> B2[B2]
    B1 --> C1[C1]
    B1 --> C2[C2]
    B2 --> C3[C3]

语法要点:

  • graph TD: T 是 Top,D 是 Down,表示垂直向下的树。
  • graph LR: 如果你想画横向的树,把 TD 改成 LR
  • -->: 表示层级间的连接。
  • **[]()**: 节点的形状。[] 是矩形,([]) 是圆角矩形。

2. 使用思维导图语法(最简洁)

如果你追求的是纯粹的树状层级,且不需要复杂的交叉连接,mindmap 是最简单的选择。

mindmap
  root((核心主题))
    中级节点 A
      末级节点 A1
      末级节点 A2
    中级节点 B
      末级节点 B1

语法要点:

  • 缩进: 依靠缩进(空格或 Tab)来识别父子层级。
  • 形状: (( )) 表示圆形,{{ }} 表示六边形,直接写文字则是默认矩形。

3. 进阶技巧:改变样式与形状

你可以为树状图的节点增加不同的外观:

代码片段 效果说明
A --> B 普通箭头连接
A --- B 无箭头连接(更像传统组织架构图)
id1{文字} 菱形(常用于决策树)
id1[(文字)] 圆柱形(代表数据库/存储)

快速上手示例

考虑到你对宏观趋势和逻辑复盘的敏锐度,你可以尝试用以下结构来整理你的预判逻辑:

graph TD
    Decision{2020年决策} --> |宏观分析| P1[房地产/人口危机]
    Decision --> |技术预判| P2[比特币/区块链]
    P1 --> Action[资产海外转移]
    P2 --> Action
    Action --> Result(完成知行合一)

你想尝试画一个特定主题的树状图吗?比如复盘你的某个预判逻辑,我可以帮你直接写出代码。