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:
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.