4 ms·

I think this is a good change. While I would have preferred to see support for Graphviz over Mermaid, I understand Mermaid was probably chosen for the sake of e

I think this is a good change. While I would have preferred to see support for Graphviz over Mermaid, I understand Mermaid was probably chosen for the sake of easier integration. Either way, it will be nice to be able to embed diagrams rather than constantly re-generate and re-commit images to the repo.

WalterGR 5y ago
Has Graphviz been re-implemented in JavaScript or compiled to WASM?
- jonpalmisc 5y ago
  There are definitely some JS libraries for it that exist. I don’t know all the details but I often find myself Googling “graphviz online” and clicking the first link to quickly mock up diagrams. So in short, I’ve used it on the web before.
- lelandbatey 5y ago
  Other services, such as Gitlab[0], allow you to embed Graphviz & PlantUML into a README just like (and alongside) Mermaid, but the images are rendered server-side. [0] - https://docs.gitlab.com/ee/administration/integration/plantuml.html https://docs.gitlab.com/ee/administration/integration/plantu...
- donatj 5y ago
  It's a simple well documented language. Righting a fully functional JS Graphviz parser from scratch would take a couple days at most.
  - deleted 5y ago
    [deleted]
  - WalterGR 5y ago
    The parser is only the beginning. Table stakes. For example: GraphViz has 8 layout engines. Which of those need to be implemented in JS?
  - ygra 5y ago
    Having tried to think about how to map Graphviz (language parsing, styles, and layout) onto our graph drawing offering, I'm not sure I can agree here. The dot graph description language itself is fairly simple (-ish). There are a few nasties like the HTML record support, which can be annoying to support, but overall that part isn't so bad. When it comes to laying out the graphs and rendering anything Graphviz has so many unique features that it can be a lot more work.
- schemescape 5y ago
  Yes, several times: http://viz-js.com/ http://viz-js.com/ https://www.npmjs.com/package/@hpcc-js/wasm https://www.npmjs.com/package/@hpcc-js/wasm I even did it myself a few months ago :)
nanomonkey 5y ago
Github will render org-mode markdown, so I've been making my documentation with it, and rendering graphviz diagrams using dot notation and org-mode's source code rendering capability. The rendered images are stored in your repo and show up inline.
djur 5y ago
I believe Mermaid supports a wider range of diagram types than Graphviz. Graphviz doesn't support sequence diagrams, for instance, unless I'm missing something.
- eurasiantiger 5y ago
  No data flow diagrams though, and that is a really big omission which other diagrams don’t cover well.

WalterGR 5y ago

Has Graphviz been re-implemented in JavaScript or compiled to WASM?

jonpalmisc 5y ago
There are definitely some JS libraries for it that exist. I don’t know all the details but I often find myself Googling “graphviz online” and clicking the first link to quickly mock up diagrams. So in short, I’ve used it on the web before.
lelandbatey 5y ago
Other services, such as Gitlab[0], allow you to embed Graphviz & PlantUML into a README just like (and alongside) Mermaid, but the images are rendered server-side. [0] - https://docs.gitlab.com/ee/administration/integration/plantuml.html https://docs.gitlab.com/ee/administration/integration/plantu...
donatj 5y ago
It's a simple well documented language. Righting a fully functional JS Graphviz parser from scratch would take a couple days at most.
- deleted 5y ago
  [deleted]
- WalterGR 5y ago
  The parser is only the beginning. Table stakes. For example: GraphViz has 8 layout engines. Which of those need to be implemented in JS?
- ygra 5y ago
  Having tried to think about how to map Graphviz (language parsing, styles, and layout) onto our graph drawing offering, I'm not sure I can agree here. The dot graph description language itself is fairly simple (-ish). There are a few nasties like the HTML record support, which can be annoying to support, but overall that part isn't so bad. When it comes to laying out the graphs and rendering anything Graphviz has so many unique features that it can be a lot more work.
schemescape 5y ago
Yes, several times: http://viz-js.com/ http://viz-js.com/ https://www.npmjs.com/package/@hpcc-js/wasm https://www.npmjs.com/package/@hpcc-js/wasm I even did it myself a few months ago :)

nanomonkey 5y ago

Github will render org-mode markdown, so I've been making my documentation with it, and rendering graphviz diagrams using dot notation and org-mode's source code rendering capability. The rendered images are stored in your repo and show up inline.

djur 5y ago

I believe Mermaid supports a wider range of diagram types than Graphviz. Graphviz doesn't support sequence diagrams, for instance, unless I'm missing something.

eurasiantiger 5y ago
No data flow diagrams though, and that is a really big omission which other diagrams don’t cover well.