The the above diagram is a System Context diagram, which is

a good starting point for diagramming and documenting a software system, allowing you to step back and see the big picture. Draw a diagram showing your system as a box in the centre, surrounded by its users and the other systems that it interacts with.

How To

This site was generated from a Drawio diagram of an Internet Banking System, which was created based on images and descriptions from The C4 model for visualising software architecture. Descriptions of elements and diagrams were copied verbatim under the terms of Creative Commons Attribution 4.0 International License. The diagram uses free icons from Icons8 to provide visual distinction between architecture elements.

The diagram and the site are hosted in a GitHub repository which was created from Drawio Site template repository.

Documentation site is generated by GitHub Actions using Nasdanika CLI Drawio Command drawio > html-app > site command pipeline. The generated site is deployed to GitHub Pages.

See the template repository for more details including a quick start video.