Markdown Diagrams

A browser extension for Chrome, Edge, Opera and Firefox that renders diagrams and charts code blocks into preview images.

Supports many languages:
PlantUML, Mermaid, C4 with PlantUML, GraphViz, Erd, Nomnoml, BPMN, BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag, Bytefield, Ditaa, Svgbob, UMlet, Vega, Vega-Lite, WaveDrom.

Supports any website:
Markdown files, pull requests, issues description, gists, wiki...
- GitHub (demo: https://github.com/marcozaccari/markdown-diagrams-browser-extension/tree/master/doc/examples )
- GitLab (demo: https://gitlab.com/markzackie/markdown-diagrams-browser-extension/-/tree/master/doc/examples )
- Bitbucket (demo https://bitbucket.org/marcozaccari2/markdown-diagrams-browser-extension/src/master/doc/examples)
- 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://github.com/marcozaccari/markdown-diagrams-browser-extension