Différences

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

--- info:dot:homepage [2026/02/26 10:02] – [Exemple avec intégration HTML, couleurs etc] radeff
+++ info:dot:homepage [2026/04/22 04:40] (Version actuelle) – radeff
@@ Ligne 1: / Ligne 1: @@
 ====== Dot / GraphViz: diagram editor ======
 {{tag>pm brainstorm organigramme}}
-{{info:dot:html2.png|}}
-Graphviz (diminutif de Graph Visualization Software) est un ensemble d'outils open source créés par les laboratoires de recherche d'AT&T qui manipulent des graphes définis à l'aide de scripts suivant le langage DOT. Cet ensemble fournit aussi des bibliothèques permettant l'intégration de ces outils dans diverses applications logicielles.
+{{:info:dot:snapshot_20260226_100046.webp?123 |}}
+Graphviz (diminutif de Graph Visualization Software) est un ensemble d'outils open source créés par les laboratoires de recherche d'AT&T qui manipulent des graphes définis à l'aide de scripts suivant le langage DOT.
+Cet ensemble fournit aussi des bibliothèques permettant l'intégration de ces outils dans diverses applications logicielles.
 Graphviz est un logiciel libre distribué suivant l'Eclipse Public License.
@@ Ligne 24: / Ligne 27: @@
 {{ info:dot:doc_graphviz.zip |Doc pdf}}
-===== examples =====
+===== exemple 1 (simple) =====
-https://renenyffenegger.ch/notes/tools/Graphviz/examples/index
-{{info:dot:1.png|}}
 <code dot>
 digraph {
@@ Ligne 41: / Ligne 40: @@
 </code>
-{{ info:dot:graphviz_ex.zip |}}
+{{info:dot:1.png|}}
-{{ :info:dot:snapshot_20260226_094601.webp |source: https://cyberzoide.developpez.com/graphviz/}}
+source: https://renenyffenegger.ch/notes/tools/Graphviz/examples/index
+===== exemple 2 (couleur) =====
 <code dot>
 digraph {
@@ Ligne 56: / Ligne 56: @@
         "zero" [shape=circle, color=thistle1, fontcolor=purple];
 }
-# source: https://cyberzoide.developpez.com/graphviz/
 </code>
-===== Exemple avec intégration HTML, couleurs etc =====
+{{ :info:dot:snapshot_20260226_094601.webp }}
-{{ :info:dot:snapshot_20260226_100046.webp |}}
+source: https://cyberzoide.developpez.com/graphviz/
+===== exemple 3 avec intégration HTML, couleurs etc =====
 <code dot>
@@ Ligne 106: / Ligne 109: @@
 </code>
+{{ :info:dot:snapshot_20260226_100046.webp |}}
 ====== plugins IDE ======
 ===== Visual Studio Code (Codium) =====
@@ Ligne 115: / Ligne 118: @@
 {{:info:dot:ksnip_20240212-063056.jpg?nolink|}}
-===== atom =====
-Un petit add-on bien pratique pour visualiser et exporter (svg et xml) vos fichiers .dot depuis votre éditeur favori, [[info:atom|atom editor]]
-https://github.com/sverweij/atom-graphviz-preview-plus
-<code>CTRL-SHIFT-V</code>
-{{info:dot:atomdot.jpg|}}
 ===== tools =====
 <code bash>
 #! /usr/bin/bash
-# Script to grate graphviz images from dot files
+# Script to create graphviz images from dot files
 echo "Create a graphviz images from dot files"