LG

Ceci est une ancienne révision du document !

Table des matières

Base
- Graphique
- Nœud
- Connexion
- Disposition
- subgraph
UML
- Les formes
- Nœuds

Source Archive v

Base

Graphique

Tutoriel de base : Drawing graphs with dot v2015 Archive

Graphique de base :

digraph A {
}

Nœud

Option	Description
`label="XXX"`	Retour à la ligne avec un alignement : `\n` : centré, `\l` : gauche, `\r` : droite.
`shape=`	Polygones
`style=`	Style
`fillcolor=`	Couleur ou “#RRVVBB”

Il n'est pas possible de mettre plusieurs nœuds dans un même nœud. Mais c'est possible de faire quelque chose de proche avec un subgraph. Pour dessiner les contours d'un subgraph, il faut l'appeler cluster_ suivi d'un numéro.

digraph G {
  subgraph cluster_0 { Node1; Node2; }
}

Connexion

Le sens de la connexion va indiquer l'ordre des nœuds conformément au sens de rankdir.

Noeud1 -> Noeud2

Option	Description
`arrowtail=` `arrowhead=`	Forme de l'extrémité du trait
`headlabel=""` `taillabel=""`	Label au début et en fin de la flèche de connexion.
`dir=forward\|back`	Si le sens de la flèche n'est pas bonne mais que la position des nœuds l'est, `back` va inverser le sens de la flèche.

Disposition

Par défaut, la seule contrainte des nœuds est la direction du haut vers le bas.

Mot clé	Description
`rankdir=TB\|BT\|RL\|LR`	Direction générale des nœuds (top, bottom, right, left).
`rank=same\|min\|max` `newrank=true`	Pour forcer des nœuds à être au même niveau ou forcer un ou plusieurs nœuds à une extrémité Il faut mettre `newrank` pour que le tri marche sur des `subgraph` entier.

Exemples

Mettre deux nœuds au même niveau :

{
  rank = same;
  Connector1;
  Connector2;
}

subgraph

Option	Description
`style=filled\|invisible\|diagonals\|rounded\|dashed\|dotted\|solid\|bold`	Forme du contour du graphe.
`bgcolor=white`	Couleur du fond du graphe.

UML

Pour dessiner des graphiques proches de l'UML.

UML Diagrams Using Graphviz Dot Archive

Les formes

  node [
    shape = record;
  ]

Un paramètre shape à record permet de faire des tableaux. Le symbole | rajoute une barre verticale ou horizontale et le couple de symbole { et } inverse le sens de la barre insérée par le symbole |. Exemple de record.

Nœuds

  Animal [
    label = "{Animal|+ name : string\l+ age : int\l|+ die() : void\l}";
  ]