Live data from Hacker News

Architecture diagrams enable better conversations

unravelled.dev

51–60 of 141 posts

Re: Architecture diagrams enable better conversations

#51

There's some discussion here about linking diagrams to code or vice-versa. And while that's useful for documenting code already written, where I personally have found diagrams to be the most useful is in the planning discussions before and during writing the code in the first place. A room full of people can talk about things for hours without making progress, but as soon as you starting moving boxes and arrows aroun…

Yes, yes, a thousand times yes!

I have been trying to enforce this concept inside of my current organization. There is the saying that a picture is worth 1,000 words. I would extend that, suggesting that a diagram is worth well over 10,000 words.

As an example, we had a project at work that kept getting thrown on my desk and every time it showed back up I would respond back with 20 questions based on limited writeups and JIRA tickets. Each time it would come back, I would get more confused, my team got confused, the architect was confused. Everyone was on different pages.

Then finally, we brought a new technical project manager onto the project (at my bequest to the CTO) and within a week that TPM created a diagram, we have one 30-min meeting where he presented the diagram. We then realized that each team was on completely different pages with what needed to be built. Everyone asked a few questions, but there were far fewer questions than earlier because many of the questions were answered by the diagram. We then built out the solution 3 weeks later.

So we spent 10 weeks spinning our wheels, building, unbuilding, rebuilding, and being confused as we all tried to get in alignment. THen one diagram and a 30 minute meeting later and we all left understanding exactly what we needed to do, we were all in alignment on the project and we were confident in what we needed. It also helped us call out things gaps in the initial solution, which we probably never would have identified until we ran into the problems when following the earlier method.

One diagram can save HOURS (even tens of hours) of time for everybody. It reduces errors and misconfiguration and aligns teams. Diagrams are your best friend. No matter how simple something is, I always make a diagram.

Re: Architecture diagrams enable better conversations

#52
post #19

https://c4model.com/img/c4-overview.png That's what the argument is... and I'm in favour, there used to be such great architectural tools that were mostly UML but they did this well. I miss Visio, it was awful but everyone used it and it improved communication. I feel Google Suite is missing an equivalent, it's now draw.io, there's a real gap here.

> I miss Visio, it was awful but everyone used it and it improved communication. Did it go somewhere? (I generally prefer more declarative diagramming now — mermaidjs is my go to — but Visio is still around and widely used.)

There is still no desktop version of Visio for macOS

https://support.microsoft.com/en-us/office/use-visio-on-a-ma...

Re: Architecture diagrams enable better conversations

#53
post #46
post #21

Earlier quoted context omitted.

Use the tools you know and all that, but PowerPoint seems like a roundabout/hard way of doing that to me - I'd just make the base in whatever diagramming tool I'm using, then add the colour/dot/whatever variation for each frame (cf. PowerPoint slide), rendering/saving each image, and then look up the args for `mogrify` to combine them into a single animated gif. Or there's probably a dozen SEO'd ad-chucking websites…

I wonder if theres some image openAI thing I can run a diagram through to add it lol. Theres not a chance I'm spending that long unless it's maybe for an interview.

In fact ChatGPT does have diagraminig plugins you can talk to and output valid code-based diagrams.

Havent tried.

Re: Architecture diagrams enable better conversations

#54
What are the tools people use to draw diagrams? I've tried many things and settled on Miro on an iPad (infinite canvas + pencil), but I still think this space is underinvested in.

The downside of diagrams from code is the loss of the wysiwyg aspect -- I want to be able to manipulate things visually.

Re: Architecture diagrams enable better conversations

#56
post #54

What are the tools people use to draw diagrams? I've tried many things and settled on Miro on an iPad (infinite canvas + pencil), but I still think this space is underinvested in. The downside of diagrams from code is the loss of the wysiwyg aspect -- I want to be able to manipulate things visually.

I like Gliffy built into Confluence because it's default at work. I also like excalidraw and was hoping to test the collaborative feature for video calls. I think the ephemeral nature of the diagrams is just fine, it's essentially a whiteboard with some QoL features like persistence, pre-population, and undo/redo.

Re: Architecture diagrams enable better conversations

#57
post #55

An article about architecture diagrams without a single example?

Relevant quote from the article:

"The lack of real-world examples available - this obviously isn’t a limitation of the model itself but rather due to the fact that companies don’t want to advertise their architecture in detail in public."

Re: Architecture diagrams enable better conversations

#58
post #57
post #55

An article about architecture diagrams without a single example?

Relevant quote from the article: "The lack of real-world examples available - this obviously isn’t a limitation of the model itself but rather due to the fact that companies don’t want to advertise their architecture in detail in public."

Sure, but if you're going to extol the virtues of architecture diagrams, it would help to either find one good one or make one up.

Re: Architecture diagrams enable better conversations

#59
post #54

What are the tools people use to draw diagrams? I've tried many things and settled on Miro on an iPad (infinite canvas + pencil), but I still think this space is underinvested in. The downside of diagrams from code is the loss of the wysiwyg aspect -- I want to be able to manipulate things visually.

https://VisualFlows.io

sample architecture: https://app.visualsitemaps.com/user_flows/share/e64da8ed-2ef...

Re: Architecture diagrams enable better conversations

#60
post #54

What are the tools people use to draw diagrams? I've tried many things and settled on Miro on an iPad (infinite canvas + pencil), but I still think this space is underinvested in. The downside of diagrams from code is the loss of the wysiwyg aspect -- I want to be able to manipulate things visually.

Cell phone camera on a little holder pointed at a piece of paper. Then I join as a second participant, mute it, and turn the volume off.

Or ipad and apple pencil on google docs jamboard using Duet to sketch things out.

Post reply on HN