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 love doing #architecture #diagrams in #D2

I got in the habit of adding relevant links in comments, but now I realize I've overlooked the actual feature. They were there the whole time!

Making elements in my diagrams clickable by adding a `link` is so simple but a total game changer!

```
kvs: Kinesis Video Streams {
link: https://aws.amazon.com/kinesis/video-streams
icon: https://icons.terrastruct.com/aws%2FAnalytics%2FAmazon-Kinesis-Video-Streams.svg
shape: image
}
```

#diagramsascode

Capture & Record Video Streams - Amazon Kinesis Video Streams - AWS

Capture, process, and store video streams & media streams for computer vision apps, smart home apps, smart city apps, and real-time video analytics.

Amazon Web Services, Inc.

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

Diagrams-as-Code with AI

Masterclass with Jacqui Read at GOTO Copenhagen 2025

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

If you're doing sequence diagrams and considering to use #MermaidJS, here are a couple of posts that will help:
* Migrating from #WebSequenceDiagrams to MermaidJS: https://notepad.onghu.com/2024/migrating-web-sequence-diagrams-to-mermaid/
* Making MermaidJS Sequence Diagrams prettier (Part 1): https://notepad.onghu.com/2024/making-mermaid-sequence-diagrams-prettier-part1/

#DiagramsAsCode #programming

Migrating Sequence Diagrams from WebSequenceDiagrams to Mermaid

Both WebSequenceDiagrams.com and Mermaid support the creation of sequence diagrams using plain text. While the formats are similar, there are some small differences that mean that you probably cannot just paste diagram text from one into the other. This post lists the items that I found recently.

If you like #DiagramsAsCode and have a bunch of sequence diagrams created with WebSequenceDiagrams but want to use #Mermaid now, you need to know of a few differences.

I wrote a brief post about migrating from WebSequenceDiagrams to Mermaid: https://notepad.onghu.com/2024/migrating-web-sequence-diagrams-to-mermaid/

#programming

Migrating Sequence Diagrams from WebSequenceDiagrams to Mermaid

Both WebSequenceDiagrams.com and Mermaid support the creation of sequence diagrams using plain text. While the formats are similar, there are some small differences that mean that you probably cannot just paste diagram text from one into the other. This post lists the items that I found recently.

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

Quick Notes about Structurizr - Part 1

For the past few months, I have been using Structurizr Lite for documenting my architectures as code. While doing this, I have had to find out some things. This is just a collection of these things.

Mermaid - Diagramming and charting tool - Google Workspace Marketplace

Write A-->B, get a diagram representation with an arrow between circle A and circle B

A great discussion about #AI in #softwareArchitecture & #communication on the @OReillyMedia Superstream! I was asked about whether AI can help us with software #diagrams.
My current thoughts on this are that if you already have some PlantUML or Mermaid then AI can help you make complex changes, learn these diagramming-as-code syntaxes, and fix syntax errors. But remember the AI has knowledge and not wisdom. You cannot trust its output.. [1/2]

#software #learning #diagramsAsCode

[2/2]
.... You have to understand the AI's output, so you will have to learn!

O'Reilly AI in Software Architecture playlist: https://learning.oreilly.com/playlists/77f5be74-d5a8-460b-99b0-fce5fec94bcb/
Smart diagramming in Draw.io: https://drawio.com/blog/smart-diagram-generation
More on diagraming with AI: https://medium.com/@davidroliver

#software #softwareArchitecture #softwareDevelopment #AI #communication #learning #diagramsAsCode #diagrams

Playlist: In-demand content selected by experts and peers

Jump straight to high-quality content, hand selected by industry experts and O’Reilly members on the topics that matter the most.

O'Reilly Online Learning