Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maciek365/c4-diagrams.net

The EasyC4 library is for quick and convenient visualising software architecture in diagrams.net / draw.io application using the C4 model approach.
https://github.com/maciek365/c4-diagrams.net

architecture architecture-diagrams architecture-visualization c4 c4-diagrams c4model diagrams-extensions diagrams-visualization diagramsnet drawio software-architecture software-design software-visualization visualization-tools

Last synced: about 1 month ago
JSON representation

The EasyC4 library is for quick and convenient visualising software architecture in diagrams.net / draw.io application using the C4 model approach.

Awesome Lists containing this project

README

        

# EasyC4 for diagrams.net

---

Please also check the **newest version** of my plugin available at https://github.com/hycomsa/hycom-c4

The new version contains slightly smaller, more compact elements - seems to be more readable. You also find there an additional type of container - mobile application - and deployment node boundary. Maybe a new version will be more suitable for you.

---

The **EasyC4** library is for quick and convenient visualising software architecture using the **C4 model** approach. The library contains a set of aesthetic **C4 notation** elements and lets you create C4 diagrams in the *diagrams.net* / *draw.io* application.

The **EasyC4** provides the following easy to use elements:
- Person (internal and external)
- Software system (internal and external)
- Container (generic, data, microservice and message bus)
- Component
- Relationship (with description and technology, with description only and plain)
- Scope boundary (software system and container)
- Diagram title (for system context, containers and components diagrams)
- Legend

![c4-diagrams.net](/c4-diagrams-net-maciek365.png)
---

# How to start?
## Just click the link!
You can start very, very easy! Just click following link and start using **EasyC4** library: https://app.diagrams.net/?clibs=Uhttps://raw.githubusercontent.com/maciek365/c4-diagrams.net/master/EasyC4&splash=0

## Use it simply!
Simply use elements available in **EasyC4** library to create diagrams in very convenient way! Just drag elements from library and double click on it to edit titles and descriptions. This is the most intuitive way to do it quick and easy with keeping aesthetic and readable form.

Below on the screen you can see **EasyC4** library on the left panel of *diagrams.net* application.
![c4-diagrams.net](/EasyC4-screen.png)

# Tips
## Manually Resizing Elements
Elements will by default try to automatically resize to fit the description and other text.

If you however need to manually resize items you need to activate the "Resizable" checkbox in the "Property / Value" table within the "Format Panel".

After that you will be able to change the size of the element.

If the "Format Panel" is not visible then you can show it by clicking one of the icon on the right top.

# Credits
Please share with me with your suggestions, ideas, comments, etc. Please feel free to provide me any feedback -> [email protected]

The C4 model and diagramming approach created by Simon Brown. More info: https://c4model.com/