ZenUML add-on Demo Page

This page is created by ZenUML add-on.

  • This page demonstrates features provided by the add-on.

  • Please do not change the title or content of this page. If you want to edit to see how it works, make a copy of this page.

  • If everyone is already familiar with the features, you can archive this page.

This add-on is developed by P&D Vision, which is an Atlassian partner. P&D Vision provides support for this add-on.

Demo1 - Sequence Diagram

The diagram on the right is generated from the text on the left:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 title Order Service (Demonstration only) // Styling participants with background colors is an experimental feature. // This feature is available for users to test and provide feedback. @Actor Client #FFEBE6 @Boundary OrderController #0747A6 @EC2 <<BFF>> OrderService #E3FCEF group BusinessService { @Lambda PurchaseService @AzureFunction InvoiceService } @Starter(Client) //`POST /orders` OrderController.post(payload) { OrderService.create(payload) { order = new Order(payload) if(order != null) { par { PurchaseService.createPO(order) InvoiceService.createInvoice(order) } } } }


See here on how to insert a sequence diagram or any macro.

Demo2 - Graph

You can use “ZenUML Graph” to draw any diagram such as flowcharts, BPMN2.0, class diagram, etc.

Demo3 - OpenAPI

You can also document OpenAPI specification, including Swagger2, with realtime preview.

Demo4 - Mermaid

You can also generate Mermaid diagrams such as flowcharts, class diagram, Gantt diagram, etc.


Demo5 - Embedding an existing diagram or OpenAPI spec

You can embed any of the above diagrams in any page, see here for more details.