Is there a way to create interactive flow charts?

1

I have a bunch of flow charts and decision tree diagrams that I would like to move from PDFs to a dynamic web page. Is there any plugin or basic concept I could apply?

This is a basic chart, I would want only the initial question visible with a Yes/No option. Then each decision would cascade. Does that make sense?

Thanks,
J

image
image746×573 96.5 KB

2

Did you do a search on “diagrams” in the Grav Plugin repository?

3

Thanks, I’ll take a deeper look. My initial thought was that those diagrams were static displays. I don’t want to recreate, I want to make the site dynamic. I don’t know how efficient it would be to cascade a bunch of nested If “yes” then display yes option; If “no” display no option.
The desired end result is the viewer only sees his responses. lol, kinda like a choose your own adventure book but all on one page.

Thanks,
J

4

There are at least three options: The Nomnoml-, Mermaid-, and Diagrams-plugin. The latter is deprecated, however. Each renders diagrams dynamically in the browser, rendering directly into the DOM through JavaScript, and use declarative UML-syntax.