Blog Series

PlantUML Diagrams

This series explores PlantUML Diagrams from tool selection to diagram-specific syntax, expressive power, and practical documentation workflows.

Reading path

10 posts

Start with the overview, then move into the diagram-type comparisons. Each article includes examples, decision guidance, and trade-offs for teams maintaining diagrams as code.

Articles in this series

·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
·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
·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 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
·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
·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
·8 min read

PlantUML Layout Guide: Direction, Spacing, and Nested Boxes

Control PlantUML layout with direction, containers, spacing, layout engines, and restrained relationship hints without fragile positioning hacks.

plantumlplantuml-layoutnested-boxesdiagram-layout
·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
·7 min read

PlantUML Newpage Not Working? Rendering and Output Fixes

Learn why PlantUML newpage shows one image in OnUML and split long sequence diagrams into tabs that can be previewed, saved, and exported.

plantumlplantuml-newpagepage-breaktroubleshooting
·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