Utilisateur:Marc Vanlindt/Exemples usages GraphViz

<graphviz>
digraph TiersLieux {
    rankdir=LR; // gauche → droite
    splines=true;
    nodesep=0.1;
    ranksep=2.5;

    node [shape=tab, style=filled, fontname="Helvetica", fontsize=9, color="#333333"];
    edge [dir=none]; // <-- ajoutez ceci pour enlever les flèches

    // --- Noeuds : organisations ---
    "La Compagnie des Tiers-Lieux" [fillcolor="#FFFFFF", URL="https://movilab.org/wiki/La_Compagnie_des_Tiers-Lieux"];
    "France Tiers-Lieux" [fillcolor="#FFFFFF", URL="https://movilab.org/wiki/France_Tiers_Lieux"];
    "La MYNE" [fillcolor="#FFFFFF"];
    "Lab01" [fillcolor="#FFFFFF"];
    "Les Saprophytes" [fillcolor="#FFFFFF"]; 
    "Le WIP" [fillcolor="#FFFFFF"];

    // --- Noeuds intermédiaires ---
    node [shape=box]
    "CAHIER ACTIVITE" [fillcolor="#FF6464", url=""];
    "MOVILAB" [fillcolor="#6464FF", url=""];
    "DOKOS" [fillcolor="#64FF64", url="" ];

    // --- Noeuds : personnes ---
    node [shape=note]
    "Claire-Marie Meriaux" [fillcolor="#ff0000C8",fontcolor="white", URL="https://movilab.org/wiki/Utilisateur:Cmmeriaux"];
    "Benoît De Haas" [fillcolor="#0000FFC8", fontcolor="white" URL="https://movilab.org/wiki/Utilisateur:Benoit_De_Haas"];
    "Xavier Coadic" [fillcolor="#0000FFC8", fontcolor="white", URL="https://movilab.org/wiki/Utilisateur:XavCC"];
    "Simon Sarazin" [fillcolor="#00FFFFC8", fontcolor="black", URL="https://movilab.org/wiki/Utilisateur:SimonSarazin"];

    // --- Liaisons entre organisations et projets ---
    "Lab01" -> "MOVILAB" [penwidth=6 color="#0000FF64" tailport=e headport=w];
    "Le WIP" -> "MOVILAB" [penwidth=6 color="#00000032" tailport=e headport=w];
    "Les Saprophytes" -> "MOVILAB" [penwidth=3 color="#0000FF64" tailport=e headport=w] ;
    "La Compagnie des Tiers-Lieux" -> "DOKOS" [penwidth=9 color="#00FF0064" tailport=e headport=w] ;
    "La Compagnie des Tiers-Lieux" -> "CAHIER ACTIVITE" [penwidth=30 color="#FF000064"];
    "La Compagnie des Tiers-Lieux" -> "MOVILAB" [penwidth=9 color="#0000FF64" tailport=e headport=w];
    "Le WIP" -> "DOKOS" [penwidth=30 color="#00FF0064" tailport=e headport=w];
    "France Tiers-Lieux" -> "MOVILAB" [penwidth=30 color="#0000FF64" tailport=e headport=w];
    "La MYNE" -> "MOVILAB" [penwidth=9 color="#0000FF64" tailport=e headport=w];

    // --- Liaisons entre projets et personnes ---
    "MOVILAB" -> "Benoît De Haas" [penwidth=6 color="#0000FF64"  tailport=e headport=w];
    "MOVILAB" -> "Xavier Coadic" [penwidth=3 color="#0000FF64" tailport=e headport=w];
    "MOVILAB" -> "Simon Sarazin" [penwidth=6 color="#0000FF64" tailport=e headport=w];
    "DOKOS" -> "Simon Sarazin" [penwidth=3 color="#00FF0064" tailport=e headport=w];
    "CAHIER ACTIVITE" -> "Claire-Marie Meriaux" [penwidth=12 color="#FF000064" tailport=e headport=w];
}

</graphviz>

---

<graphviz>

graph TLB {
    fontname="Arial"
    layout=twopi
    ranksep=2.5
    splines=curved 

    edge [penwidth=1 color="#000000" arrowhead=vee dir=forward]

    node [fontname="Arial Black" fillcolor="#c3734eff" shape="doublecircle"]
    
    TLB [style="filled" label="Tiers-Lieux\nBelgique" fontsize=14 fontcolor=white]

    node [fontname="Arial" style="filled" penwidth=1 fillcolor="white" fontcolor="#000000ff" fontsize=10 shape="oval"]

    TLB -- "Annuaires"
    TLB -- Cartographie
    TLB -- Enquêtes
    TLB -- "Forum\nthématique"
    TLB -- "Flux de\nnouvelles\net blog"
    TLB -- "Petites\nannonces" 
    TLB -- "Réseau\nsocial\net profils" 
    TLB -- "Messagerie\ninstantanée" 
    TLB -- Wiki

    node [fontsize=10]

    "Annuaires" [
        fillcolor="#eac8f8ff"  
        URL="https://www.tierslieux.xyz/#annuaire-global"]
    Cartographie [
        fillcolor="#ffdd33ff"  
        URL="https://www.tierslieux.xyz/#cartographie"]
    "Forum\nthématique" [
        fillcolor="#ff9f4bff" 
        URL="https://forum.tiers-lieux.org/c/reseaux-locaux/tiers-lieu-belgique/344"]
    Enquêtes [
        fillcolor="#f18cc2ff"  
        URL="https://en.wikipedia.org/wiki/Category:Mind"]
    "Flux de\nnouvelles\net blog" [
        fillcolor="#add0adff" 
        URL="https://www.tierslieux.xyz/#news"]
    "Petites\nannonces" [
        fillcolor="#e6e6e6ff"  ] 
    "Réseau\nsocial\net profils" [
        fillcolor="#cee741ff"]     
    "Messagerie\ninstantanée" [
        fillcolor="#fbf7efff"]
    Wiki [
        fillcolor="#73dafaff" 
        URL="https://www.tierslieux.xyz/#wiki"]

    edge [color="#000000" arrowhead=vee dir=none constraint=false penwidth=1 style="dashed"]
    
    "Forum\nthématique" -- "Flux de\nnouvelles\net blog" 
    "Flux de\nnouvelles\net blog" -- "Petites\nannonces"
    "Petites\nannonces" -- "Réseau\nsocial\net profils"
    "Réseau\nsocial\net profils" -- "Messagerie\ninstantanée" 
    "Messagerie\ninstantanée" -- Wiki 
    Wiki -- "Annuaires"
    "Annuaires" -- Cartographie 
    Cartographie -- Enquêtes 
    Enquêtes -- "Forum\nthématique"
    
}

</graphviz>

---

<graphviz>

graph WIKI {
    fontname="Arial"
    layout=twopi
    ranksep=1.7

    edge [penwidth=1 color="#000000" arrowhead=vee dir=forward]

    node [fontname="Arial Black" fillcolor="#c3734eff" shape="doublecircle"]
    
    WIKI [style="filled" label="Wiki" fontsize=14 fontcolor=white]

    node [fontname="Arial" style="filled" penwidth=1 fillcolor="white" fontcolor="#000000ff" fontsize=10 shape="oval"]

    WIKI -- "Bibliographie"
    WIKI -- "Thèmes"
    WIKI -- "Glossaire"
    WIKI -- "Annuaires"
    WIKI -- "Projets"
    WIKI -- "Annonces"

    "Projets" -- "Tiers-Lieux\nRuraux"
    
    "Thèmes" -- "Thèmes\nprincipaux"
    "Thèmes" -- "Thèmes\nsecondaires"

    "Thèmes\nprincipaux" -- "Sociosphère"
    "Thèmes\nprincipaux" -- "Biosphère"
    "Thèmes\nprincipaux" -- "Technosphère"
    
    Bibliographie -- "Documents\nofficiels"
    Bibliographie -- "Documents\nacadémiques"
    Bibliographie -- "Livres et\nouvrages"

    "Annuaires" -- "Tiers-Lieux"
    "Annuaires" -- "Structures"
    "Annuaires" -- "Accompagnant·e·s"
    "Annuaires" -- "Initiatives"

    node [fontsize=10]

    "Bibliographie" [
        fillcolor="#eac8f8ff"  
        URL="https://www.tierslieux.xyz/#annuaire-global"]
}
</graphviz>

---

<graphviz format="svg">
digraph TiersLieux {
    rankdir=TB; // gauche → droite
    splines=true;
    nodesep=0.25;
    ranksep=1;

    node [shape=box, style=filled, fontname="Helvetica", fontsize=12, color="#333333"];
    edge [dir=none]; // <-- ajoutez ceci pour enlever les flèches

    
    // Nœud principal Niveau 1
    PRINCIPAL [label="Qu'est-ce qu'on\nveut faire déjà ?" fillcolor="#9292FF", width=7];

    // Nœud Niveau 2
    node [shape=box, style=filled, fontname="Helvetica", fontsize=9, color="#333333"];
    MWOUPAS [label="MediaWiki ?\nadapté ou pas ?" fillcolor="#9292FF", width=1];
    
    // Nœuds Niveau 3
   node [shape=box, style=filled, fontname="Helvetica", fontsize=9, color="#333333"];
    MWOUI [label="Plutôt oui" fillcolor="#C8FFC8FF", width=1, height=0.1];
    MWNON [label="Plutôt non" fillcolor="#FFC8C8FF", width=1, height=0.1];
    SPACER [style=invis, width=2]


    // Nœuds Niveau 3
    
    MWOUIZERO [label="On repart\nde zéro" fillcolor="#FFFFFF", width=1, height=0.1];
    MWOUIIDEM [label="On repart\n de l'existant" fillcolor="#FFFFFF", width=1, height=0.1];
    MWOUIFORK [label="On forke" fillcolor="#FFFFFF", width=1, height=0.1];
    MWNONNEW [label="Quels outils pour\nnos intentions ?" fillcolor="#FFFFFF", width=1, height=0.1];    
    
   
   // Liaisons
   PRINCIPAL -> MWOUPAS [penwidth=3 color="#000000FF" tailport=s headport=n];
   
   MWOUPAS -> MWOUI [penwidth=3 color="#000000FF" tailport=w headport=n];
   MWOUPAS -> MWNON [penwidth=3 color="#000000FF" tailport=e headport=n];
   MWOUPAS -> SPACER [style=invis]

 
   MWOUI -> MWOUIZERO [penwidth=3 color="#000000FF" tailport=s headport=n];
   MWOUI -> MWOUIIDEM [penwidth=3 color="#000000FF" tailport=s headport=n];
   MWOUI -> MWOUIFORK [penwidth=3 color="#000000FF" tailport=s headport=n];
   MWNON -> MWNONNEW [penwidth=3 color="#000000FF" tailport=s headport=n];
   
}
</graphviz>

---

<graphviz format="svg">
digraph G {
    rankdir=LR;
    nodesep=0;
    ranksep=1.5;
    node [shape=record, style=filled, fontname="Helvetica", fontsize=12];
edge [dir=none]; // <-- ajoutez ceci pour enlever les flèches
    // Nœuds principaux

    FTL [label="{ \nFrance\ntiers-lieux\n-                                | <p3> 💰}",
                 fillcolor="#FFD580", color="#E69A00", penwidth=1, height=0.5, width=3];   
    CTL [label="{\nLa compagnie\ndes\ntiers-lieux\n-                                | {<p1> 💰 | <p2> ⏰🏭 | <p4> ⏰😀 } }",
                 fillcolor="#FFD580", color="#E69A00", penwidth=1, height=2, width=3];
    TILIOS [label="{ \nTILIOS\n-                                | { <p6> ⏰🏭 | <p5> ⏰😀} }",
                 fillcolor="#FFD580", color="#E69A00", penwidth=1, height=1.333, width=3];                 
    TLB [label="{ \nTiers-Lieux\nBelgique\n-                                | { <p20> ⏰🏭 | <p21> ⏰😀} }",
                 fillcolor="#FFD580", color="#E69A00", penwidth=1, height=1.333, width=3];    
    XYZ [label="{ \nCollaborateurs\nMovilab\n-                                | { <p30> ⏰🏭 | <p31> ⏰😀} }",
                 fillcolor="#FFD580", color="#E69A00", penwidth=1, height=1.333, width=3];    
    // Movilab
        node [shape=record, style=filled, fontname="Helvetica", fontsize=12];
    
    Movilab [label="{{<p7>  €  | <p8>⏰  }| \nMovilab\n                              | <p9> 💰}",
                 fillcolor="#FF6464", color="#000000", penwidth=1, height=1, width=2];   

Simon [label="Simon", shape=box, fillcolor="#FFFFFF", style=filled];
Benoit [label="Benoit", shape=box, fillcolor="#FFFFFF", style=filled];

    


    // Arêtes : on conserve la couleur et l’épaisseur
    edge [color="#E69A00", penwidth=2];

CTL:p1 -> Movilab:p7 [penwidth=30 color="#0000FF64"];
FTL:p3 -> Movilab:p7 [penwidth=30 color="#0000FF64"];

CTL:p2 -> Movilab:p8 [penwidth=10 color="#00000064"];

TILIOS:p6 -> Movilab:p8 [penwidth=20 color="#00000064"];

TLB:p21 -> Movilab:p8 [penwidth=6 color="#00000064" ];

XYZ:p31 -> Movilab:p8 [penwidth=12 color="#00000064" ];

Movilab:p9 -> Simon  [penwidth=15 color="#0000FF64" headport=w];
Movilab:p9 -> Benoit [penwidth=13 color="#0000FF64" headport=w];

}
</graphviz>