# Markdown Diagrams

> Renders diagrams and charts code blocks into preview images. Supports many languages: PlantUML, Mermaid, C4, GraphViz, Erd, Nomnoml, BPMN, \*Diag, Bytefield, Ditaa, Svgbob, UMlet, Vega, Vega-Lite, WaveDrom.

Canonical page: [https://chrome-stats.com/d/markdown-diagrams](https://chrome-stats.com/d/markdown-diagrams)

## Overview

- **ID:** `markdown-diagrams`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Modulo srl
- **Category:** web-development,appearance
- **Daily users:** 266
- **Weekly downloads:** 3
- **Rating:** 5.00 / 5 (3 ratings)
- **Version:** 1.2
- **Last updated:** 2020-08-31
- **First published:** 2020-08-13
- **Size:** 160 KB
- **Data as of:** 2026-09-08
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/markdown-diagrams/)
- **Website:** [https://github.com/marcozaccari/markdown-diagrams-browser-extension](https://github.com/marcozaccari/markdown-diagrams-browser-extension)

## Description

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.

## Rankings

- #7,087 — Overall
- #20 — ai grammar
- #31 — grammar
- #72 — example
- #105 — chart
- #219 — dial

## Permissions and access

### Permissions

- `storage`
- `tabs`
- `<all_urls>`

### Content script matches

- `*`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Markdown Diagrams on web pages](https://chrome-stats.com/d/markdown-diagrams-on-web-pages) — 7 users, 3.00 / 5
- [Markdown Viewer](https://chrome-stats.com/d/markdown-viewer-extension) — 612 users, 4.33 / 5
- [Markdown Viewer & Reader](https://chrome-stats.com/d/markdown-viewer-reader) — 53 users, 4.50 / 5
- [Markdown Converter](https://chrome-stats.com/d/markdown-converter-tiptinker) — 19 users, 5.00 / 5
- [GitHub + Mermaid](https://chrome-stats.com/d/github-mermaid) — 276 users, 5.00 / 5
- [Markdown Viewer](https://chrome-stats.com/d/markdown-viewer-chrome) — 15,456 users, 3.85 / 5
- [Markdown Viewer](https://chrome-stats.com/d/empiric-markdown-viewer) — 45 users
- [Light MD Viewer](https://chrome-stats.com/d/light-md-viewer) — 24 users, 5.00 / 5
- [ChatGPT Diagram Renderer](https://chrome-stats.com/d/chatgpt-diagram-renderer) — 20 users, 5.00 / 5
- [Online Markdown Viewer with HTML Preview](https://chrome-stats.com/d/online-markdown-viewer) — 63 users, 5.00 / 5
- [Markdown Viewer Pro](https://chrome-stats.com/d/markdown-viewer-pro) — 10 users, 5.00 / 5
- [PlantUML Extension](https://chrome-stats.com/d/plantuml-extension) — 23 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/markdown-diagrams)