Mermaid 专栏 Mermaid Diagrams
探索我们为您精心策划的高质量技术文档与最佳实践。 Explore our collection of high-quality guides, syntax sheets and writing templates.
Mermaid 核心理念与流程图绘制 Mermaid Core Concepts and Flowchart Design
理解「图表即代码」思想。掌握流程图基础节点（矩形、圆角、菱形）定义、连线方向与带标签连线的书写规范。 Understand 'diagram as code'. Master basic flowcharts, node shapes (rect, round, diamond), link directions, and labeled lines.
时序图与类图深度解析 Sequence and Class Diagrams Deep Dive
掌握时序图中的参与者定义、同步/异步消息、激活框与生命周期。深度精通类图关系（继承、组合、依赖）、属性方法及可见性符号。 Master participants, sync/async messages, activation boxes, and lifecycles in sequence charts, plus class diagram inheritances.
状态图、甘特图与关系图 (ER) State, Gantt, and Entity Relationship Diagrams
精通状态转换与选择节点，学会使用甘特图设置时间轴、项目里程碑，熟练绘制数据库 ER 关系图及其基数关系定义。 Master state transitions, gantt chart milestones and timelines, and standard Entity-Relationship (ER) databases.
旅程图、饼图与 Git 分支可视化 Journey, Pie, and Git Graph Diagrams
掌握用户旅程图评分、饼图数据百分比展示，熟练绘制 Git 分支合并、代码提交（Commit）与版本检出操作演练。 Master user journey scoring, pie charts data slicing, and Git branch graphing (commits, merges, and checkouts).
高级扩展图表（XY 图、四象限图与思维导图） Advanced Charts: XY Chart, Quadrant, and Mindmap
探索高级扩展图表。学会绘制折线与柱状 XY 坐标图、四象限优先级分析图以及脑暴必备的思维导图。 Explore advanced charts. Master XY line/bar charts, Quadrant analysis, and Mindmaps for brainstorming.
高级架构图（C4 架构与时间线图） Advanced Architecture: C4 Context and Timeline Diagrams
深度掌握 C4 架构模型的双层视图（系统上下文与容器图），以及按时间流组织大事件的时间线图。 Deeply master C4 Context/Container models for software architecture, and Timeline charts for chronologies.
需求图、看板、报文结构图与 Beta 实验性图表 Specialized Diagrams: Requirements, Kanban, Packet, and Beta Charts
掌握系统工程需求图、敏捷开发看板、网络报文结构（Packet），以及桑基图与雷达图等实验性图表的使用。 Master requirement engineering, scrum kanban, network packet headers, and experimental charts like Sankey and Radar.
实战：绘制企业级用户登录架构图 Practice: Building Enterprise User Authentication Sequence
结合时序图、激活生命周期以及安全鉴权细节，完整呈现全链路用户安全登录、Token校验与异常捕获逻辑。 Synthesize sequence diagrams and actor systems to represent full-loop enterprise user login authorization paths.
实战：敏捷开发项目排期与看板 Practice: Agile Sprint Planning and Gantt Charts
使用甘特图规划多任务开发排期与关键链前置依赖，结合轻量看板直观可视化敏捷研发团队当前的任务生命周期流转。 Use Gantt diagrams to plot multi-task milestones and dependencies, coupled with Kanban boards for status.
实战：软件架构 C4 模型设计 Practice: Software Architecture with C4 Model
使用 C4 图绘制企业边界、核心系统、人员关系到微服务容器的完整云原生分布式架构设计体系与协议表达。 Use C4 diagrams to design systems, users, boundaries, and container services in cloud native environments.