Suggested Feature: Mermaid support in Markdown Widget

Widgets & Design

Hi!

Are there any plans of rendering Mermaid Charts in the existing Markdown Widget?

It would be cool to be able to through LLMs summarize data into mermaid charts.

https://mermaid.js.org/syntax/flowchart.html

Currently there exist great tools in VS code to preview a combination of Markdown + charts.

https://github.com/mjbvz/vscode-markdown-mermaid


I have seen and used Flutterflows own charts and there is some dart rendering frameworks for mermaid. But it would be cool if the standard Markdown Widget would support this out of the box allowing for LLMs to visualize data through prompting.

https://pub.dev/documentation/mermaid/latest/

Example:

```mermaid

pie title Pets adopted by volunteers

"Dogs" : 386

"Cats" : 85

"Rats" : 15

# Pets pie chart
```mermaid

pie title Pets adopted by volunteers

    "Dogs" : 386

    "Cats" : 85

    "Rats" : 15

```

It would allow to create visualizations and reports by LLMs.

See screenshot for example of the rendering:

What have you tried so far?

Searched for community questions, reviewed feature suggestions.

Did you check FlutterFlow's Documentation for this topic?
Yes
1