Diagramme PlantUML

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

Mermaid

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 - Mind mapping

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

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";
}

Autres

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>