Hello! I have some code:

:sentence
|> RuleBasedGrammar.generate_tree(RuleBasedGrammar.bigger_grammar())

that returns something like:

[
  :sentence,
  [:noun_phrase, [:pronoun, "it"]],
  [:verb_phrase, [:verb, "took"], [:noun_phrase, [:name, "Lee"]], []]
]

I would now like to take this output and render it, via a function call, as a graph. Is there a way to have a function emit Mermaid markdown and then get that rendered somehow?

For example, I would have a function RuleBasedGrammar.render_as_mermad/1 that would internally take the above output, convert it to the Mermaid markdown:

graph TD

:sentence --- :noun_phrase
:noun_phrase --- :pronoun
:pronoun --- it["#quot;it#quot;"]

:sentence --- :verb_phrase
:verb_phrase --- :verb
:verb --- took["#quot;took#quot;"]
:verb_phrase --- :name
:name --- lee["#quot;Lee#quot;"]

and then the Mermaid would render to the diagram in the output cell.

Here’s a mockup:

image1200×912 38.3 KB

I’m sure there is a way to do this using Kino, but I’m just not sure how at the moment. So I thought I would ask here to check:

1. Is there already an existing solution for this?
2. If not, does anyone have some pointers on how to get Kino to do this?

Thank you!