Render diagrams directly in ChatGPT
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."
Latest reviews
- (2023-10-18) Sebastien Boelpaep: 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.
- (2023-10-12) Gateway Health Institute (GHI): 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