CODEWITHSUNDEEP
azure-devopsmermaid
Marko
Marko

Reputation: 1389

Which version of mermaid is supported in Azure DevOps Wikis

Which version of mermaid is currently supported in AzureDevOps? In the official docs it only mentions some diagrams that are supported.

Upvotes: 18

Views: 14310

Answers (7)

Nils Coussement
Nils Coussement

Reputation: 92

erDiagram & stateDiagram-v2 are not working on dev.azure on 20231229 works fine in visual studio code with Markdown Editor v2

Upvotes: 0

Jim
Jim

Reputation: 762

UPDATE From this release, all the diagram types in the following list are supported:

  • Sequence diagrams
  • Gantt charts
  • Flowcharts
  • Pie charts
  • Requirement diagrams
  • State diagrams
  • User Journey

--- Original Post ---

Checking the listed support page it shows the following diagrams as supported:

Supported:

  • Sequence diagrams
  • Gantt charts
  • Flowcharts

Unsupported:

  • Pie charts
  • Requirement diagrams
  • State diagrams
  • User Journey

Testing each of the diagram types in a DevOps wiki page using the examples from the mermaid website, the first three work. The rest return an error "Unsupported diagram type". Truly amazing they have it documented as supported but in reality its not.

Upvotes: 0

adrien
adrien

Reputation: 560

As a workaround, you can actually use any type of diagram in Azure DevOps using embedded markdown links. From the mermaid live editor, expand the "Actions" section and click on "COPY MARKDOWN" button:

enter image description here

output: enter image description here

This relies on the mermaid.ink webservice so it's not entirely reliable.

Upvotes: 4

Nielsen
Nielsen

Reputation: 23

Sad that azure devops (server) wiki still not support mermaid.

One hack could be using the 'markdown' button on https://mermaid.live/ and then paste the markdown from mermaid.live into devops wiki.

Upvotes: 2

Matthew Steeples
Matthew Steeples

Reputation: 8088

As of Sprint 200 (March 2022) the following diagrams are supported up to version 8.13.9:

  • Flowchart
  • Sequence diagrams
  • Gantt charts
  • Pie charts
  • Requirement diagrams
  • State diagrams
  • User Journey

Upvotes: 8

T Brown
T Brown

Reputation: 1543

I looked at the files downloaded from the Developer Tools: Network tab. I first thought it was 6.3 based upon the url but looking into the json I saw this...

"./package.json":function(e){e.exports={name:"mermaid",version:"8.2.3",description:"Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.",main:"dist/mermaid.core.js",keywords:["diagram","markdown","flowchart","sequence diagram","gantt","class diagram","git graph"]

So as of this moment... I believe it to be 8.2.3

Upvotes: 2

Alina Wang-MSFT
Alina Wang-MSFT

Reputation: 572

Based on your description, I further checked this problem. Currently, the wiki supports the following Mermaid diagram types:

  1. Sequence diagrams
  2. Gantt Charts

Wiki does not support other types of Mermaid diagrams, so this seems to have nothing to do with the version. Regarding this feature, I help you find a user voice. You can vote and add comments on it.

Upvotes: 5

Related Questions