Markdown Diagrams

Render PlantUML, Mermaid and others graph/diagrams on webpages./r/nA browser extension for Chrome, Edge, Opera and Firefox that renders markdown diagrams and charts code blocks into preview images.

Supports many languages: PlantUML, Mermaid, GraphViz and many more (full list on website).

Supports any website:
– GitHub, GitLab, Bitbucket: md files, pull requests, issues, gists, wiki…
– Atlassian: Jira, Confluence, Trello…
– all other websites trying known patterns.
– local files when rendered with some markdown extension.

How to use: simply put diagram or chart code into a blockquote

“““language
code here
“““

Double click to rendered diagram to swith to code/diagram.
Click to extension icon to disable/enable parsing in current browser tab.

Examples
https://gitlab.com/markzackie/markdown-diagrams-browser-extension/-/tree/master/doc/examples
https://bitbucket.org/marcozaccari2/markdown-diagrams-browser-extension/src/master/doc/examples
https://github.com/marcozaccari/markdown-diagrams-browser-extension