Powered by AppSignal & Oban Pro
Would you like to see your link here? Contact us

Mermaid

examples/mermaid.livemd

Mermaid

Mix.install([
  {:mdex, "~> 0.8"},
  {:mdex_mermaid, "~> 0.3"},
  {:kino, "~> 0.16"}
])

Example

markdown = """
# Flowchart

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```
"""

mdex = MDEx.new() |> MDExMermaid.attach()

mdex
|> MDEx.to_html!(document: markdown)
|> Kino.HTML.new()