Blog

Tutorials, guides, and best practices for UML diagramming

Series

Featured

·17 min read·Featured

PlantUML Examples: Diagrams, Syntax, and Workflows

Explore copyable PlantUML examples for sequence, class, ER, C4, activity, component, and state diagrams, then learn how to style, save, and export them.

plantuml-examplesplantuml-diagramplantuml-syntaxplantuml-diagramsplantuml-example
·16 分钟阅读·精选

PlantUML 示例:图表、语法与工作流

探索可复制的 PlantUML 时序图、类图、ER 图、C4 架构图、活动图、组件图和状态图示例,并学习如何设置样式、保存和导出。

plantuml 示例plantuml 图表plantuml 语法plantuml 图表类型plantuml 示例代码
·7 min read·Featured

Mermaid vs PlantUML: Everyday Docs or Complex Architecture?

Choose Mermaid for everyday documentation and PlantUML for formal UML or complex architecture. Compare capabilities, version limits, and delivery scenarios.

mermaidplantumldiagram-as-codeumlsoftware-architecture
·7 分钟阅读·精选

Mermaid vs PlantUML:日常文档与复杂架构如何选?

日常文档默认 Mermaid,正式 UML 与复杂架构图默认 PlantUML。通过交付物决策、能力矩阵与专项入口,选择适合团队的图表即代码工具。

mermaidplantumldiagram-as-codeumlsoftware-architecture
·17 min read·Featured

Mermaid Flowchart Guide: Syntax, Examples & Best Practices

Learn Mermaid flowchart syntax with practical examples for authentication, CI/CD, microservices, error handling, SSO, and e-commerce workflows.

mermaidflowcharttutorialdiagramsystem-design
·11 min read·Featured

Mermaid Sequence Diagram Guide: From Beginner to Pro

Learn how to create beautiful sequence diagrams using Mermaid syntax. Covers basic syntax, advanced patterns, and best practices for API documentation.

mermaidsequence-diagramtutorialapi-documentation
·7 min read

Mermaid vs PlantUML ER Diagrams: Application Schemas

Use Mermaid Crow's Foot notation for application schemas and PlantUML Chen notation for conceptual models. Compare keys, cardinality, scope, and tradeoffs.

mermaidplantumler-diagramerddatabase-designdiagram-as-code
·7 分钟阅读

Mermaid vs PlantUML ER 图:应用 ERD 默认选 Mermaid

基于 2026-07-22 官方语法核验,对比 Mermaid 的 Crow’s Foot 与 PK/FK/UK 属性标记、PlantUML Information Engineering 和 Chen 概念模型,明确应用 ERD 选型。

mermaidplantumler-diagramerddatabase-designdiagram-as-code
·9 min read

Mermaid vs PlantUML Architecture Diagrams Compared

Use Mermaid for service and resource maps, and PlantUML for component contracts, deployment views, C4 baselines, and formal architecture documentation.

mermaidplantumlsoftware-architecturearchitecture-diagramdeployment-diagramdiagram-as-code
·8 分钟阅读

Mermaid vs PlantUML 软件架构图:架构基线该选谁?

正式软件架构基线优先 PlantUML:对比组件接口、部署拓扑与 Mermaid 11.15/11.16 布局能力,并说明本项目 11.6.0 的版本边界。

mermaidplantumlsoftware-architecturearchitecture-diagramdeployment-diagramdiagram-as-code
·7 min read

Mermaid vs PlantUML State Diagrams: Formal State Machines

Compare Mermaid and PlantUML for composite states, concurrent regions, history states, and entry or exit points in production state-machine documentation.

mermaidplantumlstate-diagramstate-machinediagram-as-codeuml
·6 分钟阅读

Mermaid vs PlantUML 状态图:正式状态机默认选 PlantUML

基于 2026-07-22 官方语法核验,对比 Mermaid 与 PlantUML 的普通状态流、复合状态边界、历史状态、进入/退出点和并行区域,给出正式状态机选型。

mermaidplantumlstate-diagramstate-machinediagram-as-codeuml
·7 min read

Mermaid vs PlantUML Activity Diagrams: Which Is Better?

Compare Mermaid Flowchart and PlantUML activity syntax for branches, loops, fork/join, and early exits. Learn why formal activity models favor PlantUML.

mermaidplantumlactivity-diagramflowchartdiagram-as-codeuml
·6 分钟阅读

Mermaid vs PlantUML 活动图:控制流程默认选 PlantUML

聚焦 Mermaid Flowchart 与 PlantUML 活动图的开始结束、分支、循环、fork/join 和提前终止,说明正式活动图为何默认选 PlantUML。

mermaidplantumlactivity-diagramflowchartdiagram-as-codeuml
·9 min read

Mermaid C4 vs C4-PlantUML: Choosing a Formal C4 Standard

Mermaid C4 remains experimental as of July 22, 2026. Compare its five views, documented limits, formal architecture fit, and governance with C4-PlantUML.

mermaidplantumlc4-modelc4-diagramsoftware-architecturediagram-as-code
·10 分钟阅读

Mermaid C4 vs C4-PlantUML:正式 C4 架构图选型

截至 2026-07-22,Mermaid C4 仍为 experimental,支持 5 类图却短期缺 sprite、tags、link、Legend;正式 C4 图优先 C4-PlantUML。

mermaidplantumlc4-modelc4-diagramsoftware-architecturediagram-as-code