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 with few lines of code.
Use case, Sequence, State, Class, Deployment.


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.


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 Word is available on the Microsoft Appsourceopen_in_new. This Add-in is securely integrated with Word, all data (code and result diagrams) are saved on your document (.docx), and no data are send to external servers. The supported version are : Word 2016 and later for Windows, Word 2016 and later for Mac, and Word Online.
Google Docs add-inn

Google Docs add-in

The Add-in for Google Docs is available on the Google Workspace Marketplaceopen_in_new. This Add-in is securely integrated with Google Docs, all data (code and result diagrams) are saved on your document, 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 question, comment or sugestion, your are welcome to contact us at: