ChatGPT Diagrams

Render diagrams directly in ChatGPT

ChatGPT Diagrams: Visualizing Diagrams with Ease in ChatGPT

'ChatGPT Diagrams' is a Chrome extension that enhances your ChatGPT experience by allowing mermaid.js diagrams to be rendered directly within the chat interface. With a 'Show Diagram' button added to the ChatGPT site, users can interactively build and refine diagrams in real time, thereby facilitating better understanding and communication.

Download

Extension stats

By: dwmkerr

Users: 3,000+

Rating: 2.80

(5)

Version: 0.1.2 (Last updated: 2023-12-06)

Creation date: 2023-05-15

Risk impact: Low risk impact

Risk likelihood:

Very low risk likelihood

Manifest version: 3

Permissions:

storage

Size: 3.20M

Email: dw*****@gmail.com

Ranking

# 18,965 ▲ 110

Other rankings

#7576 in Workflow & Planning ▲ 12 #112 in show keyword 19 ▼ 6 #129 in chatgpt keyword 87 ▼ 4 #157 in chatgpt extension keyword 77 ▲ 8 #207 in format keyword 14 ▼ 11

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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."

User reviews

It's a good idea, and I want it to work but it doesn't. I tryed 2 differents diagram generated by ChatGPT and both doesn't work 1) sequenceDiagram not working well 2) graph LR with Syntax error Both diagram worked on https://mermaid.live/ Perhaps an old version of mermaid lib need to be updated ? Here are the two codes generated by ChatGPT : 1) sequenceDiagram participant U as Utilisateur participant B as Navigateur participant S as Serveur U->>B: Entrer URL B->>S: Envoie requête HTTP S->>B: Répond avec données B->>U: Affiche la page 2) graph LR U[Utilisateur] -->|Entrer URL| B[Navigateur] B -->|Envoie requête HTTP| S[Serveur] S -->|Répond avec données| B B -->|Affiche la page| U

Alexis Boris, 2024-04-24

Sadly not working anymore

Google Local Guide Pro, 2024-02-06

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.