Mermaid工具教程网

Mermaid代码

在编辑器中修改

flowchart TD
    %% 梁山108将核心关系
    LC[宋江<br/>及时雨] --> WJ[卢俊义<br/>玉麒麟]
    LC --> WY[吴用<br/>智多星]
    LC --> GS[公孙胜<br/>入云龙]
    LC --> LJ[林冲<br/>豹子头]
    LC --> LZ[李逵<br/>黑旋风]
    
    %% 宋江嫡系
    LC --> SJ[宋清<br/>铁扇子<br/>弟弟]
    LC --> ZT[张顺<br/>浪里白条]
    LC --> ZH[张横<br/>船火儿]
    
    %% 智囊团
    WY --> JS[朱武<br/>神机军师]
    
    %% 主要战将关系
    LJ --> CX[鲁智深<br/>花和尚<br/>结义兄弟]
    CX --> YZ[杨志<br/>青面兽<br/>不打不相识]
    
    LJ --> YCH[杨雄<br/>病关索]
    YCH --> SS[石秀<br/>拼命三郎<br/>结义兄弟]
    
    %% 派系关系
    subgraph 朝廷降将
        HYT[呼延灼<br/>双鞭]
        GSC[关胜<br/>大刀]
        ZJ[张清<br/>没羽箭]
    end
    
    subgraph 三山系统
        LZ[李忠<br/>打虎将]
        ZT[周通<br/>小霸王]
        DY[武松<br/>行者]
    end
    
    subgraph 揭阳岭系
        LM[李俊<br/>混江龙]
        TWC[童威<br/>出洞蛟]
        TWM[童猛<br/>翻江蜃]
    end
    
    %% 重要联系
    DY --> ZQ[张青<br/>菜园子<br/>结义兄弟]
    ZQ --> SNE[孙二娘<br/>母夜叉<br/>夫妻]
    
    style LC fill:#1b5e20,color:#fff
    style LJ fill:#0d47a1,color:#fff
    style LZ fill:#bf360c,color:#fff
    style DY fill:#4a148c,color:#fff