Exemple D2 - architecture SI

Cette page montre une démonstration de D2 intégrée dans MediaWiki pour représenter une architecture physique et logicielle.

direction: right

internet: Internet {
  shape: cloud
}

caddy: Caddy Reverse Proxy {
  shape: hexagon
}

homepage: Homepage {
  shape: rectangle
}

wiki: MediaWiki {
  shape: rectangle
}

server: Serveur tas {
  shape: sql_table

  vm: Hôte Linux
  podman: Podman + services

  openwebui: Open WebUI
  ollama: Ollama
  nextcloud: Nextcloud
  paperless: Paperless
  karakeep: Karakeep
  immich: Immich
  headscale: Headscale
}

internet -> caddy: accès public
caddy -> homepage: 25697
caddy -> wiki: 25698
caddy -> openwebui: 25680
caddy -> ollama: 25434
caddy -> nextcloud: 25696
caddy -> paperless: 25694
caddy -> karakeep: 25695
caddy -> immich: 25688
caddy -> headscale: 25689
homepage -> wiki: doc / liens
openwebui -> ollama: LLM local
podman -> openwebui
podman -> ollama
podman -> nextcloud
podman -> paperless
podman -> karakeep
podman -> immich
podman -> headscale

Usage

Le diagramme est écrit en texte dans un bloc <pre class="oc-d2">, puis rendu automatiquement dans le navigateur.