Sunday, May 15, 2022

Drawing Workflow Charts in Azure DevOps Wikis

Azure DevOps wikis supports Mermaid syntax  that can be used to draw diagrams such as flow charts, UML diagrams, pie charts, Gantt charts and many more. 

This blog explains mermaid syntax sample in Azure DevOps 

  • Script starts with :::mermaid and ends with :::
  • Diagram type can be defined as graph, pie and more
  • Shape style can be selected as,

        () - rounded rectangle

        {} - diamond

        [] - rectangle