Graphviz very short track

Met Graphviz kan je structuren visualiseren. Een zeer kort educatief voorbeeld als introductie voor het maken van illustraties.

De mogelijkheden zijn eindeloos maar daardoor raak je ook gauw de weg kwijt. Daarom volgt hier een voorbeeld waar je altijd op terug kan vallen als de vraag “hoe zat het ook alweer” ontstaat.

Tip: Persoonlijk vind ik ik het vooral fijn dat je snel verbanden kan leggen middels een tekstbestand, het on the fly kan visualiseren om vervolgens verder te mijmeren over het probleem wat je probeert op te lossen. Het wat grotere voorbeeld illustreert dat goed.

Het principe is als volgt, eerst wordt een tekstbestand gemaakt die de verbanden bevat. Daarna wordt hiervan een afbeelding gemaakt.

Voorbeeld

Bestand “input.dot”:

digraph D {
	A -> B
	A -> C
}

Commandoregel

$ dot -Tsvg input.dot > output.svg

of

$ dot -Tsvg input.dot -o output.svg

“output.svg” ziet er zo uit:

Op deze link tref je heel wat voorbeelden aan. De taal staat hier beschreven en wikipedia heeft een korte introductie.

Installeren:

Programma: https://graphviz.org/download/

Op Linux bijvoorbeeld “sudo apt install graphviz“

Structuren zijn tekstbestanden met extensie “.dot“.

Nog een voorbeeld:

digraph D
{
  label = "Coordinate Building Blocks";
  // $ dot -Tsvg building_blocks.dot -o building_blocks.svg
  "VirtCrdList" -> "DrawOptions"
  "DrawOptions" -> "DrawCrdList"
  "VirtCrdList" -> "GpsToRd"
  "GpsToRd" -> "VirtCrdList"
  "VirtCrdList" -> "RdToGps"
  "RdToGps" -> "VirtCrdList"
  "VirtCrdList" -> "WriteCrdList"
  "WriteCrdList" -> "Editor"
  "Editor" -> "ReadCrdList"
  "ReadCrdList" -> "VirtCrdList"
  "ReadCrdCsv" -> "VirtCrdList"
  "PointSelection" -> "NearestPointPath"
  "NearestPointPath" -> "VirtCrdList"
  "GpxFile" -> "ParseGPX"
  "ParseGPX" -> "VirtCrdList"
  "3tlFile" -> "Parse3tl"
  "Parse3tl" -> "VirtCrdList"
  "SpreadSheetFile" -> "ReadCrdCsv"
  "VirtCrdList" -> "WriteCrdCsv"
  "WriteCrdCsv" -> "SpreadSheetFile"
}