LikeC4 giúp hiện đại hóa tài liệu kiến trúc AWS bằng cách áp dụng nguyên tắc "Diagram as Code". Với mô hình C4, kiến trúc được phân lớp rõ ràng từ tổng quan đến chi tiết, hỗ trợ tốt cho cả stakeholder kỹ thuật và không chuyên. Dễ dàng tích hợp vào CI/CD, version control, và tự động hóa – đảm bảo tài liệu luôn đồng bộ với code.

#LikeC4 #AWS #ArchitectureAsCode #C4Model #DiagramsAsCode #DevOps #KiếnTrúcPhầnMềm #TàiLiệuCode #AWSViệtNam #DevOpsVietnam

https://dev.to/aws-builders/stop-drawing-sta

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
GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown - mermaid-js/mermaid

GitHub

Diagrams as Code with AI with Jacqui Read

https://tube.tchncs.de/w/8GNNq6Ufq4qnhGKMGRirso

Diagrams as Code with AI with Jacqui Read

PeerTube

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

Why great software developers draw 🧠✏️

At #AIMHDC2025 I shared 4 diagrams every dev should know:
🧩 Sequence
🔄 Flowchart
🏗️ Class
🗃️ ERD

Because seeing the shape of your idea can be the difference between being heard & being understood.

🎥 https://youtu.be/ATGrRb9gCHo

#SoftwareDesign #DiagramsAsCode #FleetDM

Why great developers draw: 4 architecture diagrams that clarify everything

YouTube

How do you turn complex ideas into clear, meaningful diagrams? In her interview @tekiegirl talks about how to use Diagrams-as-Code with AI, the limitations of LLM-generated visuals, and tips for creating diagrams you can trust. 💡

Don’t miss her workshop at #SAGconf where you’ll learn to confidently combine Diagrams-as-Code with AI and elevate your software architecture visualizations! 🚀

👉 https://t1p.de/v6sjb

#SoftwareArchitecture #DiagramsAsCode #AIinTech #SpeakerInterview #iSAQB

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