Exemple Graphviz - architecture logicielle fictive

Cette page montre une architecture logicielle fictive représentée en Graphviz / DOT.

Rendu graphique

Source DOT

digraph SI_Fictif {
  rankdir=LR;
  graph [fontname="Arial", bgcolor="white", pad="0.2", nodesep="0.5", ranksep="0.8"];
  node [shape=box, style="rounded,filled", fillcolor="#E8F0FE", color="#2563EB", fontname="Arial"];
  edge [color="#64748B", fontname="Arial"];

  users [label="Utilisateurs", shape=oval, fillcolor="#DCFCE7", URL="https://example.org/users"];
  web [label="Portail Web", URL="https://www.nginx.com/"];
  api [label="API Gateway", URL="https://konghq.com/"];
  auth [label="Auth / IAM", URL="https://www.keycloak.org/"];
  crm [label="CRM métier", URL="https://www.suitecrm.com/"];
  erp [label="ERP métier", URL="https://www.odoo.com/"];
  wiki [label="Wiki documentaire", URL="https://www.mediawiki.org/"];
  mq [label="Bus d'événements", URL="https://kafka.apache.org/"];
  cache [label="Cache distribué", URL="https://redis.io/"];
  db [label="Base PostgreSQL", URL="https://www.postgresql.org/"];
  search [label="Moteur de recherche", URL="https://www.meilisearch.com/"];
  obs [label="Observabilité", URL="https://grafana.com/"];
  cicd [label="CI/CD", URL="https://about.gitlab.com/"];

  users -> web [label="utilise"];
  web -> api [label="HTTPS"];
  api -> auth [label="OIDC"];
  api -> crm;
  api -> erp;
  api -> wiki;
  crm -> db;
  crm -> cache;
  erp -> db;
  wiki -> search;
  crm -> mq;
  erp -> mq;
  obs -> api;
  obs -> crm;
  obs -> erp;
  cicd -> web;  
  cicd -> api;
}

Références directes

Remarque

Le rendu Graphviz est affiché ici via l'URL directe du SVG servi sous `/images/...`, comme pour D2 dans cette instance.