Training Mermaid#

Je teste le mermaid.

Mermaid pour Kajan#

flowchart BT %% Nodes subgraph M[Data Center Exaltis] comment(Access to switch<br>management through\nsrv-11) subgraph A[Switch Cloud Coper] mngport3[Management port] end subgraph B [Switch Data Fiber] mngport1[Management port] end subgraph C[Switch Management] mngport2[Management port] end subgraph D[Srv-11] subgraph E[Ethernet Port] ethport1[ ] ethport2[ ] ethport3[ ] end end end %% Main mngport2----ethport1 mngport1-----ethport2 mngport3------ethport3 %% Styles classDef class1 fill:#3366cc; A:::class1 B:::class1 C:::class1 D:::class1 classDef class2 fill:#ffffff ethport1:::class2 ethport2:::class2 ethport3:::class2 M:::class2 classDef class3 fill:#000000 mngport3:::class3 E:::class3 mngport1:::class3 mngport2:::class3 mngport3:::class3 style E color:#ffffff style A color:#ffffff style B color:#ffffff style C color:#ffffff style D color:#ffffff style mngport1 color:#ffffff style mngport2 color:#ffffff style mngport3 color:#ffffff

Exemple de Flowchart#

Exemple de Flowchart n°1 (du kng Marzars)

flowchart LR subgraph Datacenter Region X webapp(Web Applicaton)-- REST ---api(API)--- api_db[(API Database)] api---redis[(Redis Database)]---consumer(Consumer) end subgraph Main Datacenter hub(Hub)---hub_db[(Hub Database)] hub---hub_fs[(Document Storage)] end subgraph Mazars thegate(TheGate)-- SSO ---webapp thegate-- Token Verification ---api dms(DMS)-- HTTP ---api dms-- HTTP ---hub mailer(Mailer)---api end webapp-- REST ---hub api-- REST readonly ---hub

Code

.. mermaid::
   flowchart LR
   subgraph Datacenter Region X
      webapp(Web Applicaton)-- REST ---api(API)--- api_db[(API Database)]
      api---redis[(Redis Database)]---consumer(Consumer)
   end
   subgraph Main Datacenter
      hub(Hub)---hub_db[(Hub Database)]
      hub---hub_fs[(Document Storage)]
   end
   subgraph Mazars
      thegate(TheGate)-- SSO ---webapp
      thegate-- Token Verification ---api
      dms(DMS)-- HTTP ---api
      dms-- HTTP ---hub
      mailer(Mailer)---api
   end
   webapp-- REST ---hub
   api-- REST readonly ---hub

Autre exemple de Flowchart#

Exemple n°2

flowchart LR %% Nodes api(API) api_db[(API Database)] hub_db[(Hub Database)] hub_fs[(Document Storage)] redis[("Redis\n Database")] webapp(web Application) %% Main subgraph dc_region_x["Datacenter Region X"] webapp ---|REST| api --- api_db api --- redis --- consumer end webapp ---|REST| Hub subgraph main_dc["Main Datacenter"] Hub --- hub_db & hub_fs end api --- |REST readonly| Hub subgraph Mazars theGate ---|SSO| webapp theGate ---|Token Verification| api DMS ---|HTTP| api & Hub Mailer --- api end dc_region_x --->main_dc

Code

.. mermaid::
   flowchart LR

      %% Nodes
         api(API)
         api_db[(API Database)]
         hub_db[(Hub Database)]
         hub_fs[(Document Storage)]
         redis[("Redis\n Database")]
         webapp(web Application)

      %% Main
         subgraph dc_region_x["Datacenter Region X"]
            webapp ---|REST| api --- api_db
            api --- redis --- consumer
         end
            webapp ---|REST| Hub

         subgraph main_dc["Main Datacenter"]
            Hub --- hub_db & hub_fs
         end
         api --- |REST readonly| Hub

         subgraph Mazars
            theGate ---|SSO| webapp
            theGate ---|Token Verification| api
            DMS ---|HTTP| api & Hub
            Mailer --- api
         end
         dc_region_x --->main_dc