Diagram as Code • Hacker News Board

Re: Diagram as Code

#41

Post by Allezxandre » Tue, May 12, 2020, 8:58 PM UTC

anamexis wrote: post #34

kitd wrote: post #33

Earlier quoted context omitted.

Indent with 4 spaces at the start of each line for code blocks.

This is annoyingly difficult in a browser.

Just copy the text and use `sed` on your clipboard to transform your text.

On macOS:

    pbpaste | sed 's/^.*$/    &/' | pbcopy

Re: Diagram as Code

#42

Post by xendo » Tue, May 12, 2020, 8:59 PM UTC

my favorite: https://plantuml.com/

Re: Diagram as Code

#43

Post by inetknght » Tue, May 12, 2020, 9:03 PM UTC

Bedon292 wrote: post #23

I have been thinking about using this for some diagrams, but whats been on the back of my mind since I heard about it is how to combine it with Terraform, or Troposphere, and have your infrastructure as code also draw the diagrams automatically.

I had the exact same thought!

Re: Diagram as Code

#44

Post by neves » Tue, May 12, 2020, 9:25 PM UTC

Why is this better than Mermaid? It works in Markdown, you can version control, and Git(Hub|Lab) displays it automatically.

I'm really curious. Maybe for doing something programmatically, but GraphViz may be better.

Re: Diagram as Code

#45

Post by neves » Tue, May 12, 2020, 9:26 PM UTC

neves wrote: post #44

Why is this better than Mermaid? It works in Markdown, you can version control, and Git(Hub|Lab) displays it automatically. I'm really curious. Maybe for doing something programmatically, but GraphViz may be better.

Here is the link to Mermaid: https://mermaid-js.github.io/mermaid/#/

Re: Diagram as Code

#46

Post by tamiral » Tue, May 12, 2020, 9:30 PM UTC

this is going to send me down a rabbit hole for a long long time .... there was another thread some months ago about an architecture diagraming tool that reads the code and outputs architecture based on methods.

Re: Diagram as Code

#47

Post by topspin » Tue, May 12, 2020, 9:36 PM UTC

neves wrote: post #44

Why is this better than Mermaid? It works in Markdown, you can version control, and Git(Hub|Lab) displays it automatically. I'm really curious. Maybe for doing something programmatically, but GraphViz may be better.

> Why is this better than Mermaid?

It isn't. Apples and oranges; Mermaid deals with UML-ish type diagrams whereas 'Diagram as Code' is illustrating cloud system architecture.

> but GraphViz may be better

GraphViz is actually doing the rendering. You might want to take a moment and study the site.

Re: Diagram as Code

#48

Post by eeZah7Ux » Tue, May 12, 2020, 9:52 PM UTC

slackfan wrote: post #39

So, how well does this compare to graphviz? Seems a heck of a lot more verbose.

Graphviz is way more flexible.

Re: Diagram as Code

#49

Post by eeZah7Ux » Tue, May 12, 2020, 9:55 PM UTC

Why the obsession with product names and logos? Having a Python class for a specific product is not necessary.

...and then people talk about CV-driven development...

Re: Diagram as Code

#50

Post by eeZah7Ux » Tue, May 12, 2020, 9:56 PM UTC

neves wrote: post #44

Why is this better than Mermaid? It works in Markdown, you can version control, and Git(Hub|Lab) displays it automatically. I'm really curious. Maybe for doing something programmatically, but GraphViz may be better.

Graphviz is even better: you can generate SVGs and PNGs that can be displayed without jabbascript