DotUML DotUML Improvements
Hello, do you have any questions, comments, improvement requests, please send them to us, we appreciate your suggestions.
DotUML HoLaTeX Math diagrams
We are proud to share with you our new app for Math/TikZ/PGFPlots diagrams. For your diagrams other than UML, please see
Don't draw any more

Get beautiful UML diagrams or other diagrams like Archimate with just a few lines of code.

DotUML is free of charge for UML diagrams and graphviz, try it now!.


Use case

Use Case

A use case diagram is a representation of a user's interaction with the system that shows the relationship between the user and the different use cases in which the user is involved.



A sequence diagram shows object interactions arranged in time sequence.

Class diagram


A class diagram is a static structure diagram that describes the structure of a system by showing the system's classes, their attributes, operations (or methods), and the relationships among objects.

Use case


A state diagram is a behavior diagram which shows discrete behavior of a part of designed system through finite state transitions.

Deployment diagram


A deployment diagram models the physical deployment of artifacts on nodes.

Graphviz diagram


Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks.

Use case

Archimate Pro

The ArchiMate Enterprise Architecture modeling language, is a visual language with a set of default iconography for describing, analyzing, and communicating many concerns of Enterprise Architectures as they change over time.


Mind Map Pro

A Mind Map is a diagram for representing tasks, words, concepts, or items linked to and arranged around a central concept or subject using a non-linear graphical layout that allows the user to build an intuitive framework around a central concept.


DotUml is available in five products :

WEB application

WEB application

The WEB application is available on this site at the page playground. From this page, you can generate your own diagrams in SVG / PNG, and download them for the use you want. We invite you to use DotUML (it is free, and no account required).
Atlassian Confluence plug-in (add-on)

Atlassian Confluence plug-in (add-on)

The Confluence plug-in is available on the Atlassian marketopen_in_new. This plug-in is securely integrated with Confluence, all data (code and result diagrams) are saved on your Confluence instances, and no data are send to external servers. Except for the Word/PDF Export feature on Confluence Cloud only (this does not apply to the server version), which requires conversion to PNG on the server.
MS Office add-in

MS Office add-in

The Add-in for MS Office is available on the Microsoft Appsourceopen_in_new. This Add-in is securely integrated with Word and PowerPoint, all data (code and result diagrams) are saved on your document (.docx or .pptx), and no data are send to external servers.
Google Docs add-inn

Google Workspace add-on

The Add-on for Google Workspace is available on the Google Workspace Marketplaceopen_in_new. This Add-on is securely integrated with Google Docs and Slides, all data (code and result diagrams) are saved in your Google Drive files, and no data are send to external servers.
Visual Studio Code Extension

Visual Studio Code Extension

The Visual Studio Code Extension is available on the Marketplaceopen_in_new. The DotUML extension for Visual Studio Code provides language support and live preview for the DotUML and Graphviz format. It allows the creation of offline UML diagrams based on the DotUML Syntax.


How does it work

DotUML is a javascript application that runs on the local browser. Diagram generation (SVG) from the pseudo-code is handled entirely locally, without any call for web services. Thus, all your data remains local on your computer.

What the differences with Plant UML

DotUML shares the same concept for generation of UML diagram from pseudo-code, using Graphiz Dotopen_in_new. But the software architecture is completely different and the language pseudo-code (DSL) is also different. Here some differences:

Comparison DotUML PlantUML
Architecture Static client-side Server based
Language JavaScript Java
Data Storage Client-side Stored in 3rd party servers
Privacy High Share with vendor


For any questions, comments or suggestions, you are invited to contact us at: