#diagramsascode — Public Fediverse posts

One Open-source Project Daily

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

https://github.com/mermaid-js/mermaid

#1ospd #opensource #diagrams #diagramsascode #documentation #flowchart #javascript #mindmap #typescript #umldiagrams

After adding some more complexity to my diagram on Mermaid.live, it was starting to look very...interesting. To be fair, the Architecture type on their live app is marked as beta, so I decided to give Eraser a try and I like that a lot more.

I can express nested groups of things, draw connections between groups or individual nodes, and then drag/drop pieces until they get where I want them to be. Then I can move connections so it's a bit more organized and I must say, I like it a lot.

I'd like to figure out a way to label the lines, e.g. switch port 1 <-> router port 2 but I'm not sure yet if I can do that.

The website is up at app.eraser.io if you're curious

#homelab #mermaid #eraser #documentation #diagramsascode #diagram #networking

I'm at #GOTO #Copenhagen with my Diagrams-as-Code with #AI masterclass. 🙌🏻 You'll leave with the knowledge you need to select the best notation for your context and to get experimenting with AI and automation in your diagrams & documentation.

Join me to compare #MermaidJS, #PlantUML, and #Structurizr, and how AI can and cannot help us with diagrams-as-code.
https://jcq.me/gotoc25?utm_source=Mastodon&utm_medium=Social&utm_campaign=professional&id=oIaeIGq7J9

#diagramsAsCode #software #softwareDesign #softwareDevelopment #softwareArchitecture #softwareEngineering

I'm at #GOTO #Copenhagen with my Diagrams-as-Code with #AI masterclass. 🙌🏻 You'll leave with the knowledge you need to select the best notation for your context and to get experimenting with AI and automation in your diagrams & documentation.

Join me to compare #MermaidJS, #PlantUML, and #Structurizr, and how AI can and cannot help us with diagrams-as-code.
https://jcq.me/gotoc25?utm_source=Mastodon&utm_medium=Social&utm_campaign=professional&id=oIaeIGq7J9

#diagramsAsCode #software #softwareDesign #softwareDevelopment #softwareArchitecture #softwareEngineering

I'm excited to be teaching my #DiagramsAsCode with #AI workshop live and in-person at #GOTO #Copenhagen! 🙌

Join me to:
💡 Gain a grounding in #PlantUML, #MermaidJS, and #Structurizr
💡 Understand the tradeoffs of diagrams-as-code and models vs. standard diagrams
💡 Recognise the limitations and useful use cases of using diagrams-as-code with LLMs

https://gotocph.com/2025/masterclasses/545/diagrams-as-code-with-ai?utm_source=Mastodon&utm_medium=Social&utm_campaign=professional&id=CY1fU-wKcG

#softwareDevelopment #softwareDesign #softwareArchitecture #software

into #diagramsascode again the last days.

conclusions:
⚪ many small, early stage, single purpose approaches. tried #structurizr #d2 #mermaid a bit, came from #plantuml
⚪ all of them are sw centric, not extendable on user level

➡️ not really usable for #flightlevels inspired #worksystemsdesign

The more I use #Structurizr for #ArchitectureAsCode / #DiagramsAsCode the more I find small things that need to be searched up. This post is a collection of things that I need to remember so that I can find them easily: https://notepad.onghu.com/2024/structurizr-quick-notes-part1/

#programming

Am I the only one who finds #MermaidJS very powerful but the diagrams a bit ugly? Are there some examples of real pretty diagrams/ themes that people use? Any references/ sites?

Ref: #Structurizr pics are really pretty out of the box
Disclaimer: Mermaid Newbie

#DiagramsAsCode