c4-notation
plantuml
c4-notation | plantuml | |
---|---|---|
126 | 123 | |
25 | 9,600 | |
- | 1.6% | |
10.0 | 9.4 | |
almost 5 years ago | 8 days ago | |
Java | ||
Apache License 2.0 | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
c4-notation
-
Ask HN: Guidelines for making clear architecture diagrams
Second this.
Reference for anyone looking I to it: https://c4model.com/
There is also quite a lot of options for helping create these diagrams. I've found https://structurizr.com/ to be the best of what I've tried so far.
-
Show HN: Flyde – an open-source visual programming language
What you are describing sounds a lot like C4: https://c4model.com/
-
Ask HN: How do you document complex software systems?
The C4 model [0] provides a mostly sensible structure and techniques for representing pure software systems across different abstraction levels.
For systems involving software and hardware, or other complex interfacing (both technology and bureaucracy) this starts to delve into the universe of systems engineering. There's a decent assembly of knowledge on that in the SEBoK [1].
As another commenter has already called out too, one of the most valuable sources of information is also _why_ a system is in its current form and _how_ that's changed over time. ADR's [2] really do a good job at nailing this for just about any scale.
[0]: https://c4model.com
[1]: https://sebokwiki.org
[2]: https://adr.github.io
-
A View on Functional Software Architecture
There a various standards for documenting software architecture, like arc42 or C4. While useful and somewhat well-known (there is certainly a correlation here), here architecture documentation can be further simplified, particularly due to the self-similarity of project and component. Following is a small template, that can also serve as a project's and component's README:
- The C4 model for visualising software architecture
-
Inkscape Cloud Architect
I would suggest that if your architecture diagrams are a bunch of icons provided by AWS/Azure/GCP with lines pointing at each other... you are doing it wrong.
The 'what does this box do for my system' is vastly more important than the 'which in vogue offering from my cloud provider implements it'.
I highly suggest folks take a look at the C4 Model: https://c4model.com/
- What do you wish business folks knew about UML?
-
How to create interactive zoomable software architecture diagrams
We often use abstractions in software engineering to communicate complex architectures and software systems. In this article, we’ll discuss how abstractions are inherently hierarchical and how the C4 model provides a nested structure for defining your software architecture. We’ll then cover how IcePanel allows you to create interactive and zoomable diagrams for your audience to zoom in and out of different levels of technical detail.
-
Architecture diagrams enable better conversations
You probably want https://c4model.com/ which explains what a C4 architecture diagram is. (See the first footnote in the article.)
plantuml
-
PlantUMLApp 3.0 - Let's play with AI Multi-Modality
New version 3.0 of my PlantUML App for iPad is out with exciting update! 🤩 The new multi-modality feature now lets you transform hand-drawn diagrams into PlantUML scripts with just a pencil ✍🏻 or your fingers 👆. Take a look 👀 to this short on YouTube and download it from App Store to support me 👍🏻.
- FLaNK Stack 26 February 2024
-
What is your favorite tool for designing complex architecture, and why is it MS Paint?
Someone at work showed me https://plantuml.com/ recently. If you want your diagrams as code . Version controlled etc.. I highly recommend it.
-
What's a piece of technology that you have work with at your job that you hate?
Maybe try PlantUML.
-
Discovering the Power of PlantUML: Visualizing YAML, JSON, and More!
Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
Seems like a considerable upgrade from PlanUML (https://plantuml.com/ - which is amazing, but sometimes you just can't seem to be able to align the stuff the way you want too).
-
Entity Relationship Diagrams
plantuml is amongst the best there is. kroki.io has a sandbox for it mermaid.js can do it in notion, it works as well as any other mermaid. dbvisualizer is fantastic if you have an existing schema in a db instance. you may need the trial license to render the diagrams
-
Pravljenje AWS strukturnog diagrama
PlantUML ima podsku za mnogo vise dijagrama - https://plantuml.com/ (bar za sada).
-
How do I create UML diagram?
I mean, I know about PlantUML where you can write code that will generate cool diagrams and it's feels like one of solutions\implementations but not the right one. What actual way people in huge companies create UML diagrams for their projects? I can't find any software or language syntax, even guides on Youtube about UML is just hours of talking about all sorts of UML diagrams without ever mentioning any software or syntax or actual way to create them.
- How can i make a sequence diagram in react?(example image)
What are some alternatives?
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
Mermaid - Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.
backstage - Backstage is an open platform for building developer portals
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
C4-PlantUML - C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
kroki - Creates diagrams from textual descriptions!
pumla - pumla - systematic re-use of model elements described with PlantUML
wavedrom - :ocean: Digital timing diagram rendering engine
graphviz