Skip to content

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

Notifications You must be signed in to change notification settings

maciek365/c4-diagrams.net

Repository files navigation

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

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

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 -> macieksliwinski80@gmail.com

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