Test mermaid.js

mermaid.js encapsulée dans un encadré, fonctionne ou ne fonctionne pas selon que l'encadré est décrit comme accordéon ouvert (OK) ou fermé (ne s'affiche pas).


""
<div class="mermaid">   
flowchart TB
	n1["Sauvegarde"]
	n2["PC"]
	n3["Sav locale"]
	n4["Sa  v distante"]
	n5["Phy"]
	n6["Backup"]
	n7["Cloud"]
	n8["Presta"]
	n9["Autogéré"]
	n10["Serveur"]
	n11["Snapshot - totalité ?"]
	n12["Backup - tout ou partie"]
	n1 --> n2
	n2 --> n3
	n2 --> n4
	n4 --> n5
	n5 --> n6
	n4 --> n7
	n7 --> n8
	n7 --> n9
	n1 --> n10
	n10 --> n11
	n10 --> n12
 </div>
 ""


Diagramme, accordédon ouvert


flowchart TB n1["Sauvegarde"] n2["PC"] n3["Sav locale"] n4["Sa v distante"] n5["Phy"] n6["Backup"] n7["Cloud"] n8["Presta"] n9["Autogéré"] n10["Serveur"] n11["Snapshot - totalité ?"] n12["Backup - tout ou partie"] n1 --> n2 n2 --> n3 n2 --> n4 n4 --> n5 n5 --> n6 n4 --> n7 n7 --> n8 n7 --> n9 n1 --> n10 n10 --> n11 n10 --> n12


flowchart TB n1["Sauvegarde"] n2["PC"] n3["Sav locale"] n4["Sa v distante"] n5["Phy"] n6["Backup"] n7["Cloud"] n8["Presta"] n9["Autogéré"] n10["Serveur"] n11["Snapshot - totalité ?"] n12["Backup - tout ou partie"] n1 --> n2 n2 --> n3 n2 --> n4 n4 --> n5 n5 --> n6 n4 --> n7 n7 --> n8 n7 --> n9 n1 --> n10 n10 --> n11 n10 --> n12



flowchart TB n1["FORMER les pros à"] n2["Comprendre"] n3["Contexte risques enjeux"] n4["Posture"] n5["Technique ?"] n6["Accompagner les publics à"] n7["Comprendre"] n8["Se protéger"] n9["Anticiper"] n10["Agir en cas de crise"] n11["Capture d'écrans"] n13["Agir en cas de crise"] n14["Faire avec"] n15["Faire à la place"] n16["Orienter vers"] n1 --> n2 n2 --> n3 n2 --> n4 n2 --> n5 n1 --> n6 n6 --> n7 n6 --> n8 n6 --> n9 n6 --> n10 n10 --> n11 n1 --> n13 n13 --> n14 n13 --> n15 n13 --> n16