Graph visualization

[vbauer]

Could you please add graph support (for example: something based on graphviz)?

[adamzap]

What would the source for that look like? I mean how would you specify it in your slides?

Could you give an example input?

[vbauer]

Yes, ofc:

• http://graphs.grevian.org/example
• http://www.graphviz.org/Gallery.php

I think it could be separate file or part of markdown file.

[nobicycle]

I tried to implement mermaid graphing tool, similar to graphviz, using instructions found elsewhere:

Check out the latest release of Mermaid at https://github.com/knsv/mermaid/releases

Put mermaid.css and mermaid.min.js from the latest release (or master version, if you are feeling brave) into the presentation's directory.

In the presentation's html file after a link to remark's own JavaScript (something like <script src="./remark-latest.min.js"></script>) add:

 <script src="./mermaid.min.js"></script>
 <link rel="stylesheet" href="./mermaid.css">
 <script>mermaid.initialize({startOnLoad:true});</script>
In any slide, add the flowchart by putting graph description (on a separate line) like this:

<div class="mermaid">
graph LR
        A-->B
        B-->C
        C-->A
        D-->C
</div>

But had no luck.

[jgroom33]

gitlab supports mermaid as rendering from a codeblock.

This implementation should target the same

https://docs.gitlab.com/ee/user/markdown.html#mermaid