Markdown Diagrams

Markdown Diagrams is a powerful Chrome extension that transforms code blocks containing diagram and chart definitions into visual preview images. It supports a wide range of languages such as PlantUML, Mermaid, C4, GraphViz, ERD, BPMN, Ditaa, Vega, WaveDrom, and many others, making it versatile for different diagramming needs.

This extension seamlessly works with markdown files across popular platforms like GitHub, GitLab, Bitbucket, and Atlassian products (Jira, Confluence, Trello), as well as other websites recognizing known patterns. Users simply enclose their diagram code within fenced code blocks, and the extension renders the diagrams automatically. You can toggle between code and rendered diagram with a double click, and control parsing with the browser toolbar icon for convenience. Ideal for developers, teams, and documentation writers, Markdown Diagrams enhances understanding by visually presenting complex diagrams directly within markdown environments.