Graphviz

Sumário

Primeiro Grafo - Dirigido

Usando https://mdaines.github.io/viz.js/

 digraph
    graphname {
    a -> b;
    a -> c -> d;
    c -> e;
    5
  }

Segundo Grafo - Não Dirigido

Usando https://mdaines.github.io/viz.js/

  graph
    graphname {
    1 -- 2;
    3 -- 2;
    4 -- 1;
    5
    2 -- 5 -- 4;
  }

Atributos

  
  graph
    graphname {
    a [ label ="Root", shape=circle];
    b [ shape=box, color=red];
    a -- b -- c [ color=blue];
    b -- d [ style=dotted];
    a -- e -- f [ color=green];
    f [ label ="Leaf"];
  }

Atributos - Exemplo

Grafo com um caminho em vermelho

  graph{   
      2--9--1--8--7 [ color=red, penwidth=3.0];
      6--9
      6--5
      1--3
      7--5
      3--2
      0--4
      4--9
      0--6
      5--8
      6--4
  }

Cluster

      digraph G {
         subgraph cluster_0 {
          style=filled;
          color=lightgrey;
          node [style=filled,color=white];
          a0 -> a1 -> a2 -> a3;
          label = "processo 1";
        }
  
        subgraph cluster_1 {
          node [style=filled];
          b0 -> b1 -> b2 -> b3;
          label = "processo 2";
          color=blue
        }
    start -> a0;
    start -> b0;
    a1 -> b3;
    b2 -> a3;
    a3 -> a0;
    a3 -> end;
    b3 -> end;
    start [shape=Mdiamond];
    end [shape=Msquare];
  }