Mermaid ダイアグラムの読み込み

MermaidJS FlexDiagram renders diagrams from MermaidJS text syntax.

MermaidJS is a text-based diagramming language that defines diagrams using structured text. FlexDiagram parses the MermaidJS input and generates the corresponding visual diagram.

This approach is suitable for:

Rapid diagram creation
Text-based diagram definitions
Importing existing MermaidJS diagrams

FlexDiagram supports basic MermaidJS flowchart syntax. Some advanced MermaidJS features may not be supported.

Create MermaidJS FlexDiagram

Define a MermaidJS text file.
Load the diagram.

Define MermaidJS Text File

[code]

Load Diagram

C#	コードのコピー
var text = GetResourceText("pizza.txt"); // Load MermaidJS graph into FlexDiagram diagram.LoadMermaidGraph(text);

MermaidJS FlexDiagram Sample

C#	コードのコピー
using C1.Diagram.Parser; using C1.WinUI.Diagram; using Microsoft.UI.Xaml; using System.IO; namespace FlexDiagramWinUI_Mermaid { public sealed partial class MainWindow : Window { public MainWindow() { InitializeComponent(); LoadMermaidDiagram(); } private void LoadMermaidDiagram() { // Read MermaidJS text file string text = File.ReadAllText("pizza.txt"); // Load MermaidJS graph into FlexDiagram diagram.LoadMermaidGraph(text); } } }

コードのコピー

using C1.Diagram.Parser;
using C1.WinUI.Diagram;
using Microsoft.UI.Xaml;
using System.IO;

namespace FlexDiagramWinUI_Mermaid
{
    public sealed partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            LoadMermaidDiagram();
        }
        private void LoadMermaidDiagram()
        {
            // Read MermaidJS text file
            string text = File.ReadAllText("pizza.txt");
            // Load MermaidJS graph into FlexDiagram
            diagram.LoadMermaidGraph(text);
        }
    }
}

Load MermaidJS from String

MermaidJS text can also be passed directly without using a file.

C#	コードのコピー
string mermaidText = @"flowchart LRA[Start] --> B[Process]B --> C[End]"; diagram.LoadMermaidGraph(mermaidText);