Render diagrams directly in ChatGPT

Latest Version

Version

0.1.2

Update

December 6, 2023

Size

3.05MiB

Developer

ChatGPT Diagrams Extension

The ChatGPT Diagrams extension adds a new button to the ChatGPT website - \"Show Diagram\". This button appears above code samples. If your code sample is in Mermaid format (a popular text based format for diagrams) then when you press the button the diagram will be shown in-line beneath the code sample.

This is a great way to improve your interactions with ChatGPT and build and refine diagrams in real time!

To try it out, enter a prompt like the one below then press the \"Show Diagram\" button above the code sample:

\"Render a flowchart showing how a browser makes a web request and a server responds. Use mermaid.js.\"

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "ChatGPT Diagrams", "description": "Render diagrams directly in ChatGPT", "options_ui": { "page": "options.html", "open_in_tab": true }, "permissions": [ "storage" ], "content_scripts": [ { "js": [ "content.js" ], "matches": [ "https://chat.openai.com/*", "http://localhost/*" ] } ], "icons": { "16": "images/icon16.png", "32": "images/icon32.png", "48": "images/icon48.png", "128": "images/icon128.png" }, "version": "0.1.2"}

Download CRX(3.05MiB)

Similar Extensions

Enhancer for ChatGPT Extension · Productivity 3,000+ 1 ★ 8.85KiB

WindChat-ChatGPT Tailwind CSS React Previewer Extension · Developer Tools 3,000+ 4 ★ 483KiB

Writesonic: AI Writing, SEO, and Keywords Extension · Productivity 3,000+ 3746 ★ 2.88MiB

RunGPT: Execute ChatGPT Code Extension · Productivity 3,000+ 16 ★ 147KiB

ChatGPT vs Bard Extension · Productivity 3,000+ 2 ★ 197KiB

TACQ AI | Linkedin Prospecting Extension · Productivity 3,000+ 3 ★ 120KiB

ChatGPT AutoPrompt Extension · Accessibility 3,000+ 4 ★ 29.94KiB

ChatGPT Code Runner Extension · Productivity 3,000+ 5 ★ 18.42KiB

ChatGPT Summary - summarize assistant Extension · Productivity 3,000+ 655 ★ 217KiB

GPT Code Reviewer Extension · Developer Tools 3,000+ 1 ★ 24.95KiB

ChatGPT Utilities by innaton.com Extension · Productivity 3,000+ 12 ★ 8.56KiB

StylerGPT: ChatGPT Extension for Themes, Fonts & Backgrounds Extension · Productivity 3,000+ 168 ★ 3.81MiB

JPT - ChatGPT Code Interpreter Extension · Developer Tools 3,000+ 8 ★ 54.8MiB

GPT Diagram Maker Extension · Productivity 3,000+ 51 ★ 54.71KiB

Chat GPT Diagram Extension · Productivity 3,000+ 3 ★ 1.25MiB

Diagram AI Extension · Productivity 3,000+ 9 ★ 6.77MiB

ChatGPT Helper Extension · Productivity 3,000+ 1 ★ 75.22KiB

ChatGPT Explain Extension · Productivity 3,000+ 18 ★ 97.03KiB

ChatGPT Code Downloader Extension · Productivity 3,000+ 6 ★ 50.55KiB

SurfGPT: Chat with any website! Extension · Productivity 3,000+ 6 ★ 63.46KiB

Chat with Desksense AI Powered by GPT4 Extension · Productivity 3,000+ 3 ★ 1.02MiB

Boss Hub | AI Extension · Productivity 3,000+ 4 ★ 1.64MiB

ChatGPT File Uploader Extension · Productivity 3,000+ 104 ★ 1021KiB

Boss Hub | Chat YES Extension · Productivity 3,000+ 0 ★ 718KiB

User reviews

Sebastien Boelpaep (ID: 000000fb68354cdf) Voted 5 ★ - Updated 10/18/2023 Works just fine. Sometimes chatgpt write extended mermaid code, which is beeing perceived as syntax errors. But you can correct chatgpt by telling it to write valid mermaid code, then it will revert to simple mermaid code. Maybe in the future the developer will also support advanced syntax. Using chatgpt developing has become much easier.

Gateway Health Institute (GHI) (ID: 000000b2620f7780) Voted 1 ★ - Updated 10/12/2023 I just get an error with every diagram attempt: Syntax error in text mermaid version 10.1.0 With both mermaid and drawio xml I get the same error. Sadly, rating it zero

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

ChatGPT Diagrams