Drawing diagrams with PlantUML
Gantt Diagrams
You can use PlantUML instead of applications like Microsoft Project to make basic Gantt diagrams, with deadline and task dependencies. If you feed the code in Listing 2 to PlantUML, you will get a Gantt diagram like the one shown in Figure 2. While PlantUML diagrams are not as polished as Microsoft Project diagrams, the source code can be quickly written (even on your smartphone) in human-readable text. Gantt diagrams use their own beginning (line 1) and end (line 12) keywords. In addition, using scale
(line 2) makes the diagram four times bigger than PlantUML's default minimum size (note: this syntax does not work the same for all diagrams).
Listing 2
Gantt Diagram
01 @startgantt 02 scale 4 03 Project starts the 2020/03/02 04 [Prestudy] lasts 10 days and is colored in Lavender/LightBlue 05 [Milestone 1] happens at [Prestudy]'s end 06 [System simulation] lasts 9 days and is colored in Coral/Green and starts 1 day after [Prestudy]'s end 07 [Use cases def.] lasts 7 days and ends at [Prestudy]'s end 08 [Compliance\nspecs] lasts 3 days and ends at [Use cases def.]'s start 09 [Select testers] is colored in Coral/Green 10 [Select testers] lasts 5 days and starts at [Use cases def.]'s start 11 [Train testers] starts 1 days after [Milestone 1]'s end and lasts 7 days 12 @endgantt

Mind Maps
Mind maps are an excellent way to represent the relationship between concepts or objects. To draw mind maps in PlantUML, you need to enclose all the mind map's elements between the keywords @startmindmap
and @endmindmap
, starting with the main element and indenting the following elements with asterisks or dashes. Figures 3 and 4 show two mind map layouts, with their respective source code in Listings 3 and 4. Functionally speaking, Figures 3 and 4 are identical, with the only differences being orientation and boxing. In Figure 4, the root element (Carnivores) is in the center, because using dashes (lines 6 to 9, Listing 4) instead of asterisks (lines 6 to 9, Listing 3) forces the whole Canides section to the left. The underscores in lines 7 to 9 in Listing 4 tell PlantUML to not draw boxes around those elements. In mind maps, you can also use basic HTML tags for formatting, such as the underline tag (line 6 in Listings 3 and 4) and the bold face tag (lines 10 and 13 in Listings 3 and 4).
Listing 3
Mind Map Diagram
01 @startmindmap 02 * Carnivores 03 ** Felines 04 *** Felis 05 *** Panthera 06 ** <u>Canides</u> 07 *** Canis 08 **** Familiaris 09 **** Lupus 10 ** <b>Ursides</b> 11 *** Ursus 12 **** Arctos 13 **** <b>Horribilus</b> 14 @endmindmap
Listing 4
Alternative Mind Map Diagram
01 @startmindmap 02 * Carnivores 03 ** Felines 04 *** Felis 05 *** Panthera 06 -- <u>Canides</u> 07 ---_ Canis 08 ----_ Familiaris 09 ----_ Lupus 10 ** <b>Ursides</b> 11 *** Ursus 12 **** Arctos 13 **** <b>Horribilus</b> 14 @endmindmap

WBS Charts
PlantUML uses the Work Breakdown Structure (WBS) format for organizational charts. Figure 5 (source code shown in Listing 5) shows a company org chart, but you can use this type of diagram for other things, like a manufacturing process or a school syllabus.
Listing 5
WBS Diagram
01 @startwbs 02 + Board of Directors 03 ++ <u>Legal/Finance</u> 04 ++ <b>R&D</b> 05 +++ Software 06 ++++ Design 07 ++++ Testing 08 ++- Hardware 09 ++++ Digital Circuits 10 +++- PCB Boards 11 ++++ Analog Circuits 12 +++ System design 13 +++- Modeling 14 ++++ Simulation 15 ++ <b>Production</b> 16 ++- Procurement 17 +++ Manufacturing 18 ++++ Mechanics 19 ---- Electronics 20 @endwbs

The biggest challenge with WBS diagrams in UML is balancing the diagram visually (avoiding empty areas alongside crowded areas). In general, you assign hierarchy with indentation. Visual balancing is achieved by changing the section order (when possible) and by using dashes instead of plus characters to change each box's orientation (Listing 5, lines 10, 13, 16, and 19). This syntax is compatible with Emacs' Org Mode. However, WBS diagrams are still a beta feature in PlantUML, so their look and feel, if not their syntax, may change in future versions.
Buy this article as PDF
(incl. VAT)
Buy Linux Magazine
Direct Download
Read full article as PDF:
Price $2.95
News
-
KaOS 2022.06 Now Available With KDE Plasma 5.25
The newest iteration of KaOS Linux not only adds the latest KDE Plasma desktop but sets LibreOffice as the default.
-
Manjaro 21.3.0 Is Now Available
Manjaro “Ruah” has been released and includes the latest Calamares installer, GNOME 42, and much more.
-
SpiralLinux is a New Linux Distribution Focused on Simplicity
A new Linux distribution, from the creator of GeckoLinux, is a Debian-based operating system with a focus on simplicity and ease of use.
-
HP Dev One Linux Laptop is Now Available for Pre-Order
The System76/HP collaboration Dev One laptop, geared toward developers, is now available for pre-order.
-
NixOS 22.5 Is Now Available
The latest release of NixOS with a much-improved package manager and a user-friendly graphical installer.
-
System76 Teams up with HP to Create the Dev One Laptop
HP and System76 have come together to develop a new laptop, powered by Pop!_OS and aimed toward developers.
-
Titan Linux is a New KDE Linux Based on Debian Stable
Titan Linux is a new Debian-based Linux distribution that features the KDE Plasma desktop with a focus on usability and performance.
-
Danielle Foré Has an Update for elementary OS 7
Now that Ubuntu 22.04 has been released, the team behind elementary OS is preparing for the upcoming 7.0 release.
-
Linux New Media Launches Open Source JobHub
New job website focuses on connecting technical and non-technical professionals with organizations in open source.
-
Ubuntu Cinnamon 22.04 Now Available
Ubuntu Cinnamon 22.04 has been released with all the additions from upstream as well as other features and improvements.