Diagrams that you can type out!

So from time to time I’d need some quick diagrams to understand relationships between different processes/servers in a solution. I initially found few plugins in DocuWiki which would allow to type out these diagrams.

Example:

digraph {
A [label="King Arthur"]
B [label="Sir Bedevere the Wise"]
L [label="Sir Lancelot the Brave"]
A -> B
A -> L
B -> L [constraint=false]
}

Reference: Graphviz Readthedocs

Recently I have found resources which would allow you to type out on a web page and generate the diagram in real-time.

Online Resources:

• ER Diagrams (GraphViz)
  • http://www.webgraphviz.com/
  • http://viz-js.com/
  • https://edotor.net/
  • http://dreampuf.github.io/GraphvizOnline/
  • http://graphviz.it
• PlantUML
  • https://www.planttext.com/
  • https://real-world-plantuml.com/
• Others
  • https://mermaidjs.github.io/mermaid-live-editor/