如何在Polyglot Notebook中从C#变量显示Mermaid图表

由于Polyglot Notebook原生支持Mermaid图表渲染，但不支持跨语言/单元格的变量共享，你可以通过以下方法直接将C#字符串中的Mermaid代码渲染为可视化图表：

方法：使用.NET Interactive的显示API #

利用.NET Interactive提供的Kernel.DisplayAsync方法，将字符串以text/mermaid的MIME类型输出，即可触发Mermaid渲染引擎解析并展示图表。

示例代码：

// 引入必要的命名空间
using Microsoft.DotNet.Interactive;

// 生成或获取Mermaid代码字符串
var mermaidCode = """
flowchart TD
    A --> B
    B --> C
    C --> A
""";

// 将字符串作为Mermaid内容渲染展示
await Kernel.DisplayAsync(mermaidCode, "text/mermaid");

注意事项 #

• 如果你的Mermaid代码中包含HTML转义字符（比如示例中的-->），需要先进行解码，确保代码格式正确：

using System.Web;

var escapedMermaidCode = """
flowchart TD
    A --> B
""";
// 解码HTML转义字符
var mermaidCode = HttpUtility.HtmlDecode(escapedMermaidCode);

await Kernel.DisplayAsync(mermaidCode, "text/mermaid");

内容的提问来源于stack exchange，提问作者Piotr Jakóbczyk