Blog

Tutorials, guides, and best practices for UML diagramming

Series

Featured

·9 min read·Featured

Mermaid UML Diagrams: Supported Types and Limitations

Learn which UML diagrams Mermaid supports, where it uses approximations, and when to choose sequence, class, state, ER, flowchart, or PlantUML.

mermaidumldiagram-as-codesoftware-designarchitecture
·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
·13 min read·Featured

Mermaid Sequence Diagram: Syntax and Practical Tutorial

Learn Mermaid sequence diagram syntax for participants, messages, notes, activation, control flow, and maintainable API documentation with runnable examples.

mermaidsequence-diagramtutorialapi-documentation
·7 分钟阅读

PlantUML Newpage 不工作?渲染与输出修复指南

了解 PlantUML newpage 为何在 OnUML 中只显示一张图片,并将长时序图拆分为可预览、保存和导出的标签页。

plantumlplantuml-newpage分页故障排查
·9 min read

PlantUML Sequence Diagram: Syntax and Real-World Examples

Build authentication and REST API flows with PlantUML participants, messages, activation bars, conditions, loops, and numbering.

plantumlsequence-diagramumlapi-design
·8 分钟阅读

PlantUML 时序图:语法与真实场景示例

使用 PlantUML 参与者、消息、激活条、条件、循环和编号构建身份验证及 REST API 流程。

plantuml时序图umlapi 设计
·8 min read

PlantUML WYSIWYG Editor: Can You Drag and Drop Diagrams?

Learn what WYSIWYG and drag-and-drop mean for PlantUML, what the language supports, and how to choose between text-first, visual, and hybrid editors.

plantumlplantuml-wysiwyg-editordrag-and-dropdiagram-editor
·7 分钟阅读

PlantUML 所见即所得编辑器:图表能否拖放?

了解所见即所得与拖放对 PlantUML 的具体含义、语言本身支持什么,以及如何选择文本优先、可视化或混合编辑器。

plantumlplantuml 所见即所得编辑器拖放图表编辑器
·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