Voici quelques conseils pour créer votre propre graphe dont la mise en forme se fait automatiquement. Avec des logiciels libres. C’est l’équivalent de LaTeX pour les diagrammes en quelque sorte. Il suffit de modifier le codage en langage dot (très simple) et c’est le logiciel Graphviz qui s’occupe de positionner le tout au mieux.
L’exemple de codage a été fait autour de la création de OD&D.
- Installer:
- Paramétrer Windows pour Graphviz (modifier la variable d’environnement “path”)
- Démarrer > Panneau de configuration > Système et Sécurité (clic titre) > Système > Paramètres système avancés > Variables d’environnement.
- Sélectionner la variable/ligne “path” dans la liste des variables système. Cliquer Modifier. Ajouter à la fin de la ligne
;C:\Program Files (x86)\Graphviz2-34\bin
(NB: ne pas oublier le point-virgule du début)
- Paramétrer Notepad++
- Paramétrer le lancement de Graphviz depuis Notepad++
- Notepad++: Plugins (ou Compléments) > Plugins Manager > Show Plugin Manager : Search and install NppExec plugin
- Configurer le NppExex: Plugins > NppExex > Execute > saisir ce script dans la fenêtre (une seule ligne) :
dot "$(FULL_CURRENT_PATH)" -Tpng -o "$(CURRENT_DIRECTORY)\$(NAME_PART).png"
cela va lancer le programme dot et créer un PNG. - On peut remplacer par Tpdf pour faire un PDF mais c’est moins robuste pour les graphes immenses.
- On peut utiliser l’option gdi+ pour faire le rendering car cairo (défaut) n’est pas robuste pour les graphes immenses:
dot "$(FULL_CURRENT_PATH)" -Tpng:gdiplus:gdiplus -o -v "$(CURRENT_DIRECTORY)\$(NAME_PART).png"
- Sauvegarder le script.
- Paramétrer le coloriage syntaxique dans Notepad++
- Télécharger le fichier graphviz-notepad-udl.xml.
- Notepad++: Language > Create User Define Language > Import : sélectionner le fichier xml précédent. Relancez Notepad++.
- Paramétrer le lancement de Graphviz depuis Notepad++
- Pratiquer la création de graphes :
- Télécharger le fichier exemple.gv
- Ouvrir le fichier exemple.gv avec Notepad++
- [Modifier le contenu]
- Plugins > NppExec > OK … un fichier PNG est créé. Voir le fichier exemple.png.
Sources: Steinweb, Grevian, TBallantyne. Lien pratique pour les couleurs.