Différences

Ci-dessous, les différences entre deux révisions de la page.

--- management:ia_wiki:balise_mermaid [2026/06/08 18:24] – lock Mermaid diagram ADICE
+++ management:ia_wiki:balise_mermaid [2026/06/08 19:01] (Version actuelle) – ADICE
@@ Ligne 1: / Ligne 1: @@
 ===== Balise Mermaid =====
+[[https://www.dokuwiki.org/plugin:mermaid|mermaid]]
 <mermaid>
-%%<svg id="mermaid-1780935824498" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" style="max-width: 446.8238220214844px;" viewBox="0 -0.0000019073486328125 446.8238220214844 69.99857330322266" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#mermaid-1780935824498{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#000000;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-1780935824498 .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-1780935824498 .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-1780935824498 .error-icon{fill:#552222;}#mermaid-1780935824498 .error-text{fill:#552222;stroke:#552222;}#mermaid-1780935824498 .edge-thickness-normal{stroke-width:1px;}#mermaid-1780935824498 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1780935824498 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1780935824498 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-1780935824498 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1780935824498 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1780935824498 .marker{fill:#666;stroke:#666;}#mermaid-1780935824498 .marker.cross{stroke:#666;}#mermaid-1780935824498 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1780935824498 p{margin:0;}#mermaid-1780935824498 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#000000;}#mermaid-1780935824498 .cluster-label text{fill:#333;}#mermaid-1780935824498 .cluster-label span{color:#333;}#mermaid-1780935824498 .cluster-label span p{background-color:transparent;}#mermaid-1780935824498 .label text,#mermaid-1780935824498 span{fill:#000000;color:#000000;}#mermaid-1780935824498 .node rect,#mermaid-1780935824498 .node circle,#mermaid-1780935824498 .node ellipse,#mermaid-1780935824498 .node polygon,#mermaid-1780935824498 .node path{fill:#eee;stroke:#999;stroke-width:1px;}#mermaid-1780935824498 .rough-node .label text,#mermaid-1780935824498 .node .label text,#mermaid-1780935824498 .image-shape .label,#mermaid-1780935824498 .icon-shape .label{text-anchor:middle;}#mermaid-1780935824498 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-1780935824498 .rough-node .label,#mermaid-1780935824498 .node .label,#mermaid-1780935824498 .image-shape .label,#mermaid-1780935824498 .icon-shape .label{text-align:center;}#mermaid-1780935824498 .node.clickable{cursor:pointer;}#mermaid-1780935824498 .root .anchor path{fill:#666!important;stroke-width:0;stroke:#666;}#mermaid-1780935824498 .arrowheadPath{fill:#333333;}#mermaid-1780935824498 .edgePath .path{stroke:#666;stroke-width:1px;}#mermaid-1780935824498 .flowchart-link{stroke:#666;fill:none;}#mermaid-1780935824498 .edgeLabel{background-color:white;text-align:center;}#mermaid-1780935824498 .edgeLabel p{background-color:white;}#mermaid-1780935824498 .edgeLabel rect{opacity:0.5;background-color:white;fill:white;}#mermaid-1780935824498 .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#mermaid-1780935824498 .cluster rect{fill:hsl(0, 0%, 98.9215686275%);stroke:#707070;stroke-width:1px;}#mermaid-1780935824498 .cluster text{fill:#333;}#mermaid-1780935824498 .cluster span{color:#333;}#mermaid-1780935824498 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(-160, 0%, 93.3333333333%);border:1px solid #707070;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1780935824498 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#000000;}#mermaid-1780935824498 rect.text{fill:none;stroke-width:0;}#mermaid-1780935824498 .icon-shape,#mermaid-1780935824498 .image-shape{background-color:white;text-align:center;}#mermaid-1780935824498 .icon-shape p,#mermaid-1780935824498 .image-shape p{background-color:white;padding:2px;}#mermaid-1780935824498 .icon-shape .label rect,#mermaid-1780935824498 .image-shape .label rect{opacity:0.5;background-color:white;fill:white;}#mermaid-1780935824498 .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-1780935824498 .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-1780935824498 .node .neo-node{stroke:#999;}#mermaid-1780935824498 [data-look="neo"].node rect,#mermaid-1780935824498 [data-look="neo"].cluster rect,#mermaid-1780935824498 [data-look="neo"].node polygon{stroke:url(#mermaid-1780935824498-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1780935824498 [data-look="neo"].node path{stroke:url(#mermaid-1780935824498-gradient);stroke-width:1px;}#mermaid-1780935824498 [data-look="neo"].node .outer-path{filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1780935824498 [data-look="neo"].node .neo-line path{stroke:#999;filter:none;}#mermaid-1780935824498 [data-look="neo"].node circle{stroke:url(#mermaid-1780935824498-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1780935824498 [data-look="neo"].node circle .state-start{fill:#000000;}#mermaid-1780935824498 [data-look="neo"].icon-shape .icon{fill:url(#mermaid-1780935824498-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1780935824498 [data-look="neo"].icon-shape .icon-neo path{stroke:url(#mermaid-1780935824498-gradient);filter:drop-shadow( 1px 2px 2px rgba(185,185,185,1));}#mermaid-1780935824498 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-1780935824498_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-1780935824498_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-1780935824498_flowchart-v2-pointEnd-margin" class="marker flowchart-v2" viewBox="0 0 11.5 14" refX="11.5" refY="7" markerUnits="userSpaceOnUse" markerWidth="10.5" markerHeight="14" orient="auto"><path d="M 0 0 L 11.5 7 L 0 14 z" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-1780935824498_flowchart-v2-pointStart-margin" class="marker flowchart-v2" viewBox="0 0 11.5 14" refX="1" refY="7" markerUnits="userSpaceOnUse" markerWidth="11.5" markerHeight="14" orient="auto"><polygon points="0,7 11.5,14 11.5,0" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"></polygon></marker><marker id="mermaid-1780935824498_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-1780935824498_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-1780935824498_flowchart-v2-circleEnd-margin" class="marker flowchart-v2" viewBox="0 0 10 10" refY="5" refX="12.25" markerUnits="userSpaceOnUse" markerWidth="14" markerHeight="14" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-1780935824498_flowchart-v2-circleStart-margin" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-2" refY="5" markerUnits="userSpaceOnUse" markerWidth="14" markerHeight="14" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 0; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-1780935824498_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-1780935824498_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-1780935824498_flowchart-v2-crossEnd-margin" class="marker cross flowchart-v2" viewBox="0 0 15 15" refX="17.7" refY="7.5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 1,1 L 14,14 M 1,14 L 14,1" class="arrowMarkerPath" style="stroke-width: 2.5;"></path></marker><marker id="mermaid-1780935824498_flowchart-v2-crossStart-margin" class="marker cross flowchart-v2" viewBox="0 0 15 15" refX="-3.5" refY="7.5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 1,1 L 14,14 M 1,14 L 14,1" class="arrowMarkerPath" style="stroke-width: 2.5; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path d="M114.151,34.999L118.317,34.999C122.484,34.999,130.817,34.999,138.484,34.999C146.151,34.999,153.151,34.999,156.651,34.999L160.151,34.999" id="mermaid-1780935824498-L_Besoin_Action_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Besoin_Action_0" data-points="W3sieCI6MTE0LjE1MDU2NjEwMTA3NDIyLCJ5IjozNC45OTkyODg1NTg5NTk5Nn0seyJ4IjoxMzkuMTUwNTY2MTAxMDc0MjIsInkiOjM0Ljk5OTI4ODU1ODk1OTk2fSx7IngiOjE2NC4xNTA1NjYxMDEwNzQyMiwieSI6MzQuOTk5Mjg4NTU4OTU5OTZ9XQ==" data-look="classic" marker-end="url(#mermaid-1780935824498_flowchart-v2-pointEnd)"></path><path d="M269.747,34.999L273.914,34.999C278.08,34.999,286.414,34.999,294.08,34.999C301.747,34.999,308.747,34.999,312.247,34.999L315.747,34.999" id="mermaid-1780935824498-L_Action_Résultat_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_Action_Résultat_0" data-points="W3sieCI6MjY5Ljc0NzE1NDIzNTgzOTg0LCJ5IjozNC45OTkyODg1NTg5NTk5Nn0seyJ4IjoyOTQuNzQ3MTU0MjM1ODM5ODQsInkiOjM0Ljk5OTI4ODU1ODk1OTk2fSx7IngiOjMxOS43NDcxNTQyMzU4Mzk4NCwieSI6MzQuOTk5Mjg4NTU4OTU5OTZ9XQ==" data-look="classic" marker-end="url(#mermaid-1780935824498_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" data-id="L_Besoin_Action_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="L_Action_Résultat_0" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="mermaid-1780935824498-flowchart-Besoin-0" data-look="classic" transform="translate(61.07528305053711, 34.99928855895996)"><rect class="basic label-container" style="" x="-53.07528305053711" y="-26.999289512634277" width="106.15056610107422" height="53.998579025268555"></rect><g class="label" style="" transform="translate(-23.07528305053711, -11.999289512634277)"><rect></rect><foreignObject width="46.15056610107422" height="23.998579025268555"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Besoin</p></span></div></foreignObject></g></g><g class="node default" id="mermaid-1780935824498-flowchart-Action-1" data-look="classic" transform="translate(216.94886016845703, 34.99928855895996)"><rect class="basic label-container" style="" x="-52.79829406738281" y="-26.999289512634277" width="105.59658813476562" height="53.998579025268555"></rect><g class="label" style="" transform="translate(-22.798294067382812, -11.999289512634277)"><rect></rect><foreignObject width="45.596588134765625" height="23.998579025268555"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Action</p></span></div></foreignObject></g></g><g class="node default" id="mermaid-1780935824498-flowchart-Résultat-2" data-look="classic" transform="translate(379.2855033874512, 34.99928855895996)"><rect class="basic label-container" style="" x="-59.53835105895996" y="-26.999289512634277" width="119.07670211791992" height="53.998579025268555"></rect><g class="label" style="" transform="translate(-29.53835105895996, -11.999289512634277)"><rect></rect><foreignObject width="59.07670211791992" height="23.998579025268555"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Résultat</p></span></div></foreignObject></g></g></g></g></g><defs><filter id="mermaid-1780935824498-drop-shadow" height="130%" width="130%"><feDropShadow dx="4" dy="4" stdDeviation="0" flood-opacity="0.06" flood-color="#000000"></feDropShadow></filter></defs><defs><filter id="mermaid-1780935824498-drop-shadow-small" height="150%" width="150%"><feDropShadow dx="2" dy="2" stdDeviation="0" flood-opacity="0.06" flood-color="#000000"></feDropShadow></filter></defs><linearGradient id="mermaid-1780935824498-gradient" gradientUnits="objectBoundingBox" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="hsl(0, 0%, 83.3333333333%)" stop-opacity="1"></stop><stop offset="100%" stop-color="hsl(0, 0%, 88.9215686275%)" stop-opacity="1"></stop></linearGradient></svg>
+  graph TD
+    A(**mermaid**)-->B((__plugin__))
+    A-->C(((//for//)))
+    B-->D[["[[https://www.dokuwiki.org/dokuwiki|Dokuwiki]]"]]
+    C-->D
+</mermaid>
+<mermaid>
 graph LR
     Besoin --> Action --> Résultat
@@ Ligne 11: / Ligne 19: @@
 <mermaid>
 graph TD
-    Stevenson --> Mobilité
+    Stevenson --> Mobilité--> Action --> Résultat
     Stevenson --> Nutrition
     Stevenson --> Sécurité