Architecture diagrams should be code

Diagrams Flowcharts Flow Charts And Diagrams

Diagrams Landing Page
1

D

Diagrams

Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.
Pricing:
- Open Source
#Diagrams #Flow Charts And Diagrams #Software Development 45 social mentions
flowchart.fun Landing Page
2

flowchart.fun

An open-source tool for generating flowcharts from text
Pricing:
- Open Source
I totally agree the distinction exists, just wanted to say https://flowchart.fun/ is nice because you can run layout algorithms and then tweak to your liking w/in the same editor.

#Open Source #Software Engineering #Developer Tools 38 social mentions
Kroki Landing Page
3

Kroki

Creates diagrams from textual descriptions! It provides a unified API with support for BlockDiag, BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, GraphViz, Mermaid, Nomnoml, PlantUML, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom
Pricing:
- Open Source
KeenWrite[0], the FOSS Markdown text editor I’ve been working on, includes the ability to render plain text diagrams via Kroki[1]†. See the screenshots[2] for examples. Here’s a sample Markdown document that was typeset[3] using ConTeXt[4] (and an early version of the Solare[5] theme). One reason I developed KeenWrite was to use variables inside of plain text diagrams. In the genealogy diagram, when any character name (that’s within the diagram) is updated, the diagram regenerates automatically. (The variables are defined in an external YAML file, allowing for integration with build pipelines.) Version 3.x containerizes the typesetting system, which greatly simplifies the installation instructions that allow typesetting Markdown into PDF files. It also opens the door to moving Kroki into the container so that diagram descriptions aren’t pushed over the Internet to be rendered. †Kroki, ergo KeenWrite, supports BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, Excalidraw, GraphViz, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, UMLet, Vega, Vega-Lite, and WaveDrom. Note that Mermaid diagrams generate non-conforming SVG[6], so they don’t render outside of web browsers. There is work being done to address[7] this problem. [0]: https://github.com/DaveJarvis/keenwrite [2]: https://github.com/DaveJarvis/keenwrite/blob/main/docs/screenshots.md#variables [4]: https://wiki.contextgarden.net/Main_Page [5]: https://github.com/DaveJarvis/keenwrite-themes/ [7]: <a href="https://github.com/yuzutech/kroki/issues/1410">https://github.com/yuzutech/kroki/issues/1410</a>.

#Diagrams #Flowcharts #Prototyping 31 social mentions
asciiflow Landing Page
4

asciiflow

Infinite ASCII diagrams, save to Google Drive, resize, freeform draw, and export straight to text/html.
Pricing:
- Open Source
This is perhaps a tangent, but I've used https://asciiflow.com/#/ a few times now to insert diagrams into my source code as comments. I understand people might have negative opinions on the efficacy of comments that this would only exacerbate, but nevertheless I've appreciated what AsciiFlow gave me.

#Diagrams #Flowcharts #UML 30 social mentions
Excalidraw Landing Page
5

Excalidraw

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
Pricing:
- Open Source
Yes! I use https://excalidraw.com/ for this. Its free and open source, is super easy to use, runs locally, looks nice without folks getting the impression it's a source of truth.

#Sketching #Digital Whiteboard #Digital Drawing And Painting 206 social mentions
Monodraw Landing Page

6

Monodraw

Monodraw allows you to easily create text-based art (like diagrams, layouts, flow charts) and...

I’ve been using MonoDraw https://monodraw.helftone.com/ for this exact sort of stuff for years, was one of the main reasons I bought the program actually. A good diagram in a block comment right above or below done complicated code is a ready powerful way to make sure you’re going to be able to maintain that code in the future. I find flowchart style diagrams for finite state machines and UML(ish) sequence diagrams for RPC code are both extremely handy places to add a diagram.

#Diagrams #Flowcharts #Wireframing 23 social mentions