UML Widget

UML diagrams are a way to visualize the design of a system. They follow a syntax. It’s easier to create diagrams with a library that verifies the correctness itself. You can use the ‘UML widget’ to create UML diagrams.

We'll cover the following

The UML widget follows the PlantUML syntax for creating the diagrams. It supports a variety of UML and non-UML diagrams. You can refer to the official documentation.

This is what it looks like:

Press + to interact
Edit mode
Edit mode

You can edit the code to visualize your design however you see fit. Click the “Run” button to generate the diagram.

Learners won’t see the code; the diagram will be rendered directly.

Examples

See the diagrams below.