简介 / IntroductionThe C4 model is a layered approach to visualising software architecture — Context → Container → Component → Code. The Context diagram is the highest level, showing system boun...
简介 / IntroductionC4 模型是一种用分层图表表达软件架构的方法，从 Context（上下文）→ Container（容器）→ Component（组件）→ Code（代码） 四个层次描述系统。Context 图是最宏观的一层，展示系统边界、系统间的交互以及外部参与者之间的关联。本文用同一个示例对比 PlantUML 和 Mermaid 绘制 C4 Context 图...
简介 / Introduction需求图（Requirement Diagram）用于描述系统需求与设计元素之间的追溯关系。它将业务需求映射到具体的接口、类和模块，帮助团队验证每条需求是否被正确实现。本文对比 PlantUML 与 Mermaid 两种引擎绘制需求图的语法与特性。
PlantUML 版PlantUML 通过 requirement、interface、require...
简介 / IntroductionA Requirement Diagram visualizes the traceability between system requirements and design elements. It maps business requirements to interfaces, classes, and modules, helping t...
简介 / IntroductionQuadrant charts divide the plotting area into four regions by two dimensions, commonly used for urgency vs importance, or effort vs impact analysis. This article covers how to...
简介 / Introduction象限图是一种将数据点按两个维度划分为四个区域的图表，常用于”紧急 vs 重要”、 “影响力 vs 难度”等二元分类场景。本篇介绍如何使用 PlantUML 和 Mermaid 绘制象限图，涵盖坐标轴标签、象限填充和标签定位。
PlantUML 版PlantUML 通过 salt 渲染器绘制象限图，利用网格和 !pragma 实现坐标轴效果：
123...
简介 / IntroductionJourney diagrams visualize the steps different actors complete across phases of a process. Both PlantUML and Mermaid support this diagram type, but their syntax differs signif...
简介 / Introduction用户旅程图（Journey diagram）常用于展示一个流程中不同角色（Actor）依次完成的任务（Task），并按阶段（Section）分组。PlantUML 与 Mermaid 都支持此图类型，但语法细节差异较大。本文通过同一示例对比两种引擎的写法。
PlantUML 版123456789101112131415161718192021222...
简介 / IntroductionGit graph diagrams help developers understand branch creation, merge conflicts, and cherry-pick operations. Both PlantUML and Mermaid support text-based Git branch diagrams, m...
简介 / IntroductionGit Graph 可视化工具帮助开发者理解分支创建、合并冲突与 cherry-pick 操作。PlantUML 和 Mermaid 都支持以文本方式绘制 Git 分支图，适合嵌入文档、README 或博客。本篇使用同一场景（从 main 分叉 feature 分支，多次提交后合并回 main），对比两种引擎的语法与渲染效果。
PlantUML 版...
