Covert Mermaid Blocks into Flow Charts
When an LLM returns a code block that is identified as ‘mermaid,’ convert and render that as a copiable flowchart image.
When an LLM returns a code block that is identified as ‘mermaid,’ convert and render that as a copiable flowchart image.
Log in to comment and vote
Comments12
Turquoise Asteroid
Using Mermaid daily, would love to see this feature in T3Chat
Indigo Magnetosphere
100% Pleeeease render Mermaid JS (and even background amend the prompt to ensure compatibility as AI often gets it wrong) and have a toggle to see the source generated.
Gold Patch
I came here to ask for this! I'm glad there’s already a request for it! I really make heavy use of this to visualize things much better, and it will change the whole game if I don’t have to copy and paste into the Mermaid page all the time! Looking forward to it!
Silver Strawberry
This would be gold. I like to use AI to build diagrams and get a better view of things.
Azure Tamarin
I went through all the hassles™ to upvote this idea. You guys can do this!
Peach Leopard
I need this 🥲
Tan Custard
This would a really nice feature to have, recently I’ve been using mermaid to create flows. Deepseek official chat has been a good solution for my use case with their implementation: visualization, and a tab for the generated code, it would be wonderful to have it on t3.chat.
Beige Celestial
I use Mermaid outputs from Claude 3.5 Sonnet and others regularly. This would be a nice feature for those visualizing system design and using flow charts.
Rose Newt
I want this so badly.
Sapphire Jam
This would be awesome. It would be greate if t3.chat could render mermaid diagrams similar to how obsidian does.