Voir :

• http://www.planttext.com/planttext Instance PlantUML en ligne
• Extension PlantUML pour VSCode https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml
• https://mkdocs-magicspace.alnoda.org/tutorials/markdown/diagrams/

Voir aussi :

• Mermaid
• https://pikchr.org
• https://kroki.io/
• ditaa

Voir :

• https://squidfunk.github.io/mkdocs-material/reference/diagrams/
• https://mkdocs-mermaid2.readthedocs.io/en/latest/
• https://jimandreas.github.io/mkdocs-material/reference/diagrams/
• https://mkdocs-magicspace.alnoda.org/tutorials/markdown/diagrams/
• https://www.wwt.com/blog/docs-as-code-diagrams-as-code

mindmap
  root((blog))
    Tech
       Improve SEO
       Auto generate webp
       Update Hugo

    Design
      Refresh UI
      Create event template

    Content
      Loop and Mermaid

Source : https://www.cloudappie.nl/loop-mermaid-mindmap/

blockdiag {
  "192.168.1.0/24" -> "8.8.8.8:53/tcp+udp";
  "192.168.2.0/24" -> "8.8.4.4:53/tcp+udp";
}

Exemple :

@startuml
 (*) -up-> "la boucle"
 -right-> "Second Action"
 --> "Third Action"
 -left-> (*)
@enduml

<uml>
version
'checkversion
</uml>

<uml>
skinparam backgroundColor transparent
cloud "local network" as LocalNet {
node "PC1" as PC1
node "PC2" as PC2
}
 
node "Cloud Router" as CloudRouter
 
PC1 - CloudRouter
PC2 -- CloudRouter
 
'cloud "local network" as LocalNet {
node "N1" as N1
node "N2" as N2
node "N3" as N3
'}
CloudRouter -- N1
CloudRouter -- N2
'CloudRouter -- N3 : aaaaaaa
CloudRouter -- N3
</uml>

<uml>
skinparam backgroundColor transparent

package "Front" {
[nginx]-down->Website
[bastion]
}

package "Back" {
database "MySql"
}
</uml>

<uml>
title Document d'architecture technique

skinparam backgroundColor transparent

skinparam defaultFontName Courier

skinparam component {
  FontSize 13
  InterfaceBackgroundColor RosyBrown
  InterfaceBorderColor orange
  BackgroundColor<<Apache>> Red
  BorderColor<<Apache>>> #FF6655
  FontName Courier
  BorderColor black
  BackgroundColor gold
  ArrowFontName Impact
  ArrowColor #FF6655
  ArrowFontColor #777777
}

skinparam package {
  FontSize 13
  InterfaceBorderColor orange
  FontName Courier
  BorderColor black
  BackgroundColor #DDDDFF
}

package "Front" {
  [nginx]
  node "bastion" {
     [SSH]
     [Squid]
  }
}
 
package "Middle" {
  [wiki]
  [git]
  [sugarcrm]
  [website]
  [analytics]
  [files]
  [zabbix]
} 

database "Back" {
  [mysql-it]
}

SSH --> Middle
Middle --> Squid

skinparam cloud {
  FontSize 17
}

cloud "Internet" {
  
}

Internet --> [nginx]
Squid --> Internet
Internet --> SSH

[nginx] --> [git]
[nginx] --> [wiki]
[nginx] --> [website]

[nginx] --> [sugarcrm] 
[sugarcrm] --> [mysql-it]

[nginx] --> [analytics] 
[analytics] --> [mysql-it]

[nginx] --> [files] 
[files] --> [mysql-it]

[nginx] --> [zabbix]
[zabbix] --> [mysql-it]
</uml>

Ansible Preseed Génération système Linux
<uml>

@startuml

title Génération système Linux


start



:Génération nouveau système Linux;


if (Form scratch ?) then (yes)
    if (VM / Physique ?) then (VM)
        if (Cloud Infra / Poste de travail ?) then (Infra)
            :Création instance Cloud / Infra;
            'note left: Automatisable
        else (Poste de travail)
            :Création VM type Poste de travail;
        endif
    else (Physique)
        :Conf PC physique 
        Raccordement câbles, VLAN install
        Conf RAID,iDRAC,BIOS…;
    endif
    :Installation automatique OS
    ----
    ISO + Fichier de réponse;
else (no)
  start;
  :Modification système existant;
  note left
    Si possible privilégiez une
    régénération from scratch
  end note
  if (VM / Physique ?) then (VM)
    :Restauration snapshot VM;
  else (Physique)
    :Déghost;
endif
'end
endif

:Configuration système / app + install
----
Ansible;


stop
@enduml
</uml>