Markdown Diagrams for Google Chrome

Render Markdown Diagrams on Webpages

Markdown Diagrams is a browser extension available for Chrome, Edge, Opera, and Firefox that allows users to render markdown diagrams and charts code blocks into preview images. Developed by modulo.srl, this free extension supports various languages such as PlantUML, Mermaid, GraphViz, and more. With Markdown Diagrams, users can easily create and view diagrams on any website, including popular platforms like GitHub, GitLab, Bitbucket, and Atlassian.

This extension supports rendering markdown diagrams and charts in different contexts, including md files, pull requests, issues, gists, wikis, Jira, Confluence, Trello, and other websites that follow known patterns. Additionally, Markdown Diagrams also supports local files when rendered with a markdown extension.

Using Markdown Diagrams is simple and straightforward. Users just need to put their diagram or chart code into a blockquote, and the extension will automatically render it. Double-clicking on a rendered diagram allows users to switch between the code and diagram view, and they can easily enable or disable parsing in the current browser tab by clicking on the extension icon.

For examples of how Markdown Diagrams can be used, users can check out the provided links to GitLab, Bitbucket, and GitHub repositories showcasing various diagram examples.