Blog

Tutorials, guides, and best practices for UML diagramming

Series

·8 min read

Mermaid Sequence Diagram Loop and Control Flow Explained

Learn Mermaid sequence diagram loop syntax for retries, alternatives, parallel work, critical regions, and early exits with practical control-flow examples.

mermaidsequence-diagramcontrol-flowsoftware-design
·7 min read

Mermaid Sequence Diagram Examples for APIs and Databases

Copy and adapt practical Mermaid sequence diagram examples for login, payments, database transactions, queues, webhooks, and resilient service workflows.

mermaidsequence-diagramexamplesapi-documentation
·7 min read

Mermaid Sequence Diagram Markdown: GitHub and VS Code

Use Mermaid sequence diagram Markdown in GitHub, GitLab, and VS Code, then diagnose raw code, version mismatches, rendering failures, and portability problems.

mermaidsequence-diagrammarkdowngithubdocumentation
·8 min read

Mermaid Sequence Diagram Style for Clearer Diagrams

Improve Mermaid sequence diagram style with aliases, boxes, notes, line breaks, highlights, themes, and accessible color choices that render reliably.

mermaidsequence-diagramstylingdocumentation
·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
·7 min read

How to Export PlantUML as PNG or SVG in OnUML

Export PlantUML diagrams from OnUML as PNG or SVG, save editable cloud projects, restore browser drafts, and create public share links.

plantumlpngsvgexportonuml
·8 min read

PlantUML C4 Diagrams: Context, Container, and Component

Create PlantUML C4 diagrams for system context, containers, and components using C4-PlantUML macros, reproducible includes, and a connected example.

plantumlc4-modelsoftware-architecturec4-plantuml
·6 min read

PlantUML Class Diagram: Relationships, Syntax, and Examples

Build a PlantUML class diagram with fields, methods, visibility, inheritance, interfaces, dependency, aggregation, composition, and multiplicity.

plantumlclass-diagramumldomain-modeling
·7 min read

PlantUML Colors and Themes: A Practical Styling Guide

Learn how to style PlantUML diagrams with named colors, hex values, built-in themes, CSS-like styles, and accessible color choices.

plantumlplantuml-colorsplantuml-themesdiagram-styling
·7 min read

PlantUML ER Diagram: Entities, Keys, and Relationships

Create a PlantUML ER diagram with entities, keys, required attributes, and crow's-foot cardinality, and compare IE, Chen, and class diagram notation.

plantumler-diagramerddatabase-design