Architecture
The C4 Model UI Kit (opens in a new tab) is a Keadex library based on Fabric.js (opens in a new tab) that renders C4 model diagrams to an HTML canvas.
More precisely, the library contains:
- Renderers: These are responsible for rendering each C4 element. The Diagram Renderer is a special renderer, the entry point, that renders the entire C4 diagram with the
renderDiagram()function. - Components: These are Fabric.js components that contain the code to render specific C4 elements.
- Models: These are the data models used to process C4 diagrams.
