c4-notation
draw.io
c4-notation | draw.io | |
---|---|---|
126 | 131 | |
25 | 38,715 | |
- | 1.2% | |
10.0 | 8.5 | |
almost 5 years ago | 7 days ago | |
JavaScript | ||
Apache License 2.0 | Apache License 2.0 |
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.)
draw.io
-
Show HN: Open source database diagram editor
At first I thought this was drawio: https://www.drawio.com/ with which you can generate a schema diagram from SQL. Is this the other way around.
-
Monodraw
For anyone who is willing to use a webapp, I like drawio[0]. You can download locally[1] and self host (I just use the python webserver).
While finding the Github, I see they now actually package an Electron application, so that is probably worth exploring[2].
[0] https://www.drawio.com/
[1] https://github.com/jgraph/drawio
[2] https://github.com/jgraph/drawio-desktop
- Diagramming software for Linux, Windows, Browser – open-source
-
Are there any good FREE flowchart makers?
draw.io works nicely for flowcharts and other types of diagrams.
-
Is a fully open-source draw.io possible?
:
The source code authored by us in this repo is
-
Mastering Diagrams: A Professional Approach to Enhancing Visuals with ChatGPT and Mermaid
Another way that you can leverage the power of ChatGPT and mermaid is when you are using a software designing tool such as Draw.io and you want to skip the tedious task of creating a diagram from scratch and want to get a push at the begging and save your time for the creative part of the diagram.
-
Ask HN: Tell us about your project that's not done yet but you want feedback on
There are also mockups with more features, so ignore weird UI at first.
[1]: https://www.drawio.com
-
Draw.io
> Additional minified JavaScript files and Java libraries are used in this project. All of the licenses are deemed compatible with the Apache 2.0, nothing is GPL or AGPL, due dilgence is performed on all third-party code.
Here's an issue that was opened:
https://github.com/jgraph/drawio/issues/3782
> The file for converting the mermaid code to mxgaph xml is available only in minified version. the unminified version "mermaid2drawio.js" is missing. Please include that.
Answer:
> We do not supply the source to that file.
With such phrasing, for now, I'll consider drawio proprietary with some parts in Apache 2 (even if it's actually the majority of the code).
It might be possible to have a fork with some optional features related to these non provided files removed, if by luck no critical feature is impacted.
-
Do you use an external game visual flow tool for planning purposes? If so, what is it and why do you like it?
Specifically I've been working on an incremental game and I've been using https://www.drawio.com/ to help me plan out what I want the progression of features/unlocks to be as the player progresses through the game, what pre-requirements/events are for each feature/unlock, etc.
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
> you will never know if draw.io will be around in a few years' time.
https://github.com/jgraph/drawio#readme (Apache 2, at least for now)
What are some alternatives?
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
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
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
plantuml - Generate diagrams from textual description
pumla - pumla - systematic re-use of model elements described with PlantUML
drawio-desktop - Official electron build of draw.io
HackMD - CodiMD - Realtime collaborative markdown notes on all platforms.