Item logo image for Diagram Lens

Diagram Lens

ExtensionDeveloper Tools3 users
Item media 1 (screenshot) for Diagram Lens

Overview

Renders diagram code blocks on GitHub pages via kroki.io — supports DOT, PlantUML, Mermaid, D2, Excalidraw, and more.

Diagram Lens automatically renders diagram code blocks on GitHub pages as inline SVG images, with a one-click toggle to switch back to the source code at any time.

0 out of 5No ratings

Learn more about results and reviews.

Details

  • Version
    1.1.1
  • Updated
    March 16, 2026
  • Offered by
    northfieldapps
  • Size
    137KiB
  • Languages
    English
  • Developer
    Email
    support@northfieldapps.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Diagram Lens has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Diagram Lens handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Go Docs Syntax Highlighter

5.0

Adds syntax highlighting to Go documentation code blocks with 200+ themes to choose from.

Gemini Mermaid Renderer

5.0

Adds a 'Mermaid' button to code blocks in Gemini to render Mermaid diagrams.

CodeSnap - Share Code Snippets

5.0

CodeSnap is a chrome extension that allows you to Create, manage and share beautiful images of your code snippets.

Markdawn

0.0

Beautiful Markdown, Rendered. View markdown files with GitHub Flavored Markdown, Mermaid diagrams, and math support

CoderStats link for Github Coders

5.0

Display a link to the CoderStats page for the currently displayed GitHub user when browsing github.com.

SparkChart: PlantUML & Mermaid Renderer

5.0

SparkChart for PlantUML and Mermaid rendering in the browser. Create, visualize, and edit diagrams with AI assistance.

Mermaid Diagram Renderer

0.0

Automatically detects and renders Mermaid diagrams on any web page. Supports fullscreen view with drag/zoom and copy to clipboard.

Graphite

4.6

Help navigate from GitHub PRs to Graphite

Mergify

5.0

Mergify extension for GitHub

Markdown Diagrams

5.0

Render PlantUML, Mermaid and others graph/diagrams on webpages.

GitHub Colorful Contributions

4.6

💚💙💜💛❤️ Customize the colors of the GitHub contributions graph.

Mermaid Diagrams for Bitbucket

0.0

Renders Mermaid diagram blocks in Bitbucket pull request descriptions and comments.

Go Docs Syntax Highlighter

5.0

Adds syntax highlighting to Go documentation code blocks with 200+ themes to choose from.

Gemini Mermaid Renderer

5.0

Adds a 'Mermaid' button to code blocks in Gemini to render Mermaid diagrams.

CodeSnap - Share Code Snippets

5.0

CodeSnap is a chrome extension that allows you to Create, manage and share beautiful images of your code snippets.

Markdawn

0.0

Beautiful Markdown, Rendered. View markdown files with GitHub Flavored Markdown, Mermaid diagrams, and math support

CoderStats link for Github Coders

5.0

Display a link to the CoderStats page for the currently displayed GitHub user when browsing github.com.

SparkChart: PlantUML & Mermaid Renderer

5.0

SparkChart for PlantUML and Mermaid rendering in the browser. Create, visualize, and edit diagrams with AI assistance.

Mermaid Diagram Renderer

0.0

Automatically detects and renders Mermaid diagrams on any web page. Supports fullscreen view with drag/zoom and copy to clipboard.

Graphite

4.6

Help navigate from GitHub PRs to Graphite

Google apps