Architecture diagram

Architecture diagrams place services in groups and connect them from a chosen side of each, which suits cloud and infrastructure layouts. zombie-mermaid renders groups, services, junctions, and edges between any of them.

Services in a group, wired side to side.

architecture-beta
  service db(database)[Database]
  service disk(disk)[Disk]
  service server(server)[Server]
  service cloud(cloud)[Cloud]
  service web(internet)[Web]
  service mystery(not-a-real-icon)[Unknown Icon]
  service bare[No Icon]
  db:R -- L:server
  server:R --> L:cloud
  server:B -- T:disk
  cloud:T <-- B:web
  web:R <--> L:mystery
  disk:R -- L:bare

Where architecture diagrams come from, and how the syntax works.

Architecture diagrams are a beta Mermaid type for cloud and CI/CD infrastructure. Mermaid’s syntax declares `group` and `service` nodes with an icon and a label, optionally nests a service inside a group, and connects them with edges that name the side each end attaches to (`L`, `R`, `T`, `B`). Junctions fan a single edge out to several services.

Every Architecture diagram example, on its own page.

Explore the other diagram types.