Search code examples
graphviz

Graphviz: improve a mind map


Want make a mind map like the following:

Image link is not available anymore.

I tried this:

digraph Alf {
size = "15";
node [ shape = record , style=filled, fillcolor="#efefef",fontname=Helvetica, fontsize=10.5, fontcolor="#2b2b2b", height=0.25, width=1, penwidth=0 ];
edge [arrowhead=normal,arrowsize=0.5,len=0.5, color="#bfbfbf"];

root [label ="Autors i teories de la comunicació no verbal"];
1 [ label="es concreta en", fontcolor="#00aeef", fontsize=9.5, fillcolor=white ];

root->1;
1->"LOE" 
1->"Estratègies";
1->"Activitats";
1->"Recursos";

2 [label="programes d'aprenentatge", fontcolor="#00aeef", fontsize=9.5, fillcolor=white]; 

"LOE"->2 
"Estratègies"->2;
"Activitats"->2;
"Recursos"->2;

3 [label="es pot fer gràcies a", fontcolor="#00aeef", fontsize=9.5, fillcolor=white]; 
2->"Comunicació no verbal"->3;

3->"Recordatori de\nconductes innates";
3->"Intencionalitat";
3->"Observació";
3->"Imitació";
}

what is generated this. Very similar, but not the same :-( as you can see.

graphviz diagram

Can anyone show me the closest possible solution or improve the code?


Solution

  • I believe you want a node whose shape is point as follows:

    digraph Alf {
    size = "15";
    node [ shape = record , style=filled, fillcolor="#efefef",fontname=Helvetica, fontsize=10.5, fontcolor="#2b2b2b", height=0.25, width=1, penwidth=0 ];
    edge [arrowhead=normal,arrowsize=0.5,len=0.5, color="#bfbfbf"];
    
    root [label ="Autors i teories de la comunicació no verbal"];
    1 [shape=point penwidth height=0 width=0]
    
    
    root->1 [ label=" es concreta en", fontcolor="#00aeef", fontsize=9.5, fillcolor=white arrowhead=none fontname=Helvetica];
    
    1->"LOE" 
    1->"Estratègies";
    1->"Activitats";
    1->"Recursos";
    
    2 [shape=point penwidth height=0 width=0]
    
    
    
    "LOE"->2 [arrowhead=none]; 
    "Estratègies"->2 [arrowhead=none];
    "Activitats"->2 [arrowhead=none];
    "Recursos"->2 [arrowhead=none];
    
    
    3 [shape=point penwidth=0 height=0 width=0];
    
    2->"Comunicació no verbal" [label=" programes d'aprenentatge", fontcolor="#00aeef", fontsize=9.5, fillcolor=white fontname=Helvetica];
    "Comunicació no verbal" -> 3 [label=" es pot fer gràcies a" fontcolor="#00aeef" fontsize=9.5 fillcolor=white arrowhead=none fontname=Helvetica]; 
    
    3->"Recordatori de\nconductes innates";
    3->"Intencionalitat";
    3->"Observació";
    3->"Imitació";
    }
    

    graphviz result