diagramming.md

Diagramming

Text to diagram

• Kroki - Online tool and API for many diagramming languages https://kroki.io/
• D2 https://play.d2lang.com/

interactive

• https://www.ilograph.com/
• GoJS Web Framework

general, block diagram, Mind map

• Pikchr - simple and generic
• Penrose - complex and generic
• D2 - many use cases
• PlantUML
  • https://plantuml.com/#google_vignette
• GraphViz edotor, viz-js, webgraphviz
• BlockDiag
• Nomnoml (UML)
• C4 PlantUML
• Structurizr

DB-ERD Database Entity Relationships

• ? https://drawsql.app/ interactive
• https://dbdiagram.io/ interactive
• interactive https://gojs.net/latest/samples/entityRelationship.html
• https://app.quickdatabasediagrams.com/
• ERD - very simple
• DBML - advanced
• D2 - more general
• Penrose - sets

Gantt / Project

• Mermaid.js.org
• Markwhen

user

• ActDiag

word cloud

• Vega

language syntax

• Pikchr

computer networks, packets, waveforms

• NwDiag
• PacketDiag
• Bytefield
• WaveDrom

collections

• https://xosh.org/text-to-diagram/
• https://github.com/sw-yx/spark-joy/blob/master/README.md#diagramming

Draw diagrams

• free draw in ASCII Textik, ASCIIflow
• draw block diagrams in fancy handwriting style https://excalidraw.com/
• simple https://flowchart.fun/

Todo