Hello everyone,
I have problems to configure the dot file in a manner that results in a more readable or at least not overlapping edges drawing.
I put there the link to the online graphviz editor with my example file.
example
Are there some Ideas how to get a drawing linke this readable, or is this drawing to complex?
Regards,
Rom
[Note that you input has some small bugs:
Warning: node el2, port port133 unrecognized
Warning: node el2, port port15 unrecognized
Warning: node el2, port port13 unrecognized
Warning: node el2, port port132 unrecognized
Warning: node el2, port port32 unrecognized
Warning: node el2, port port30Adv unrecognized
Warning: node el2, port port36 unrecognized
Error: twoBigNodes0.gv: syntax error in line 246 near '}'
]
Here is a somewhat re-arranged version.
Arguably a bit better.
(I tried adding ranking to put node el4 between the two big nodes, but it was a disaster)
If there are ways to subset the edges, you might look at the layers capabilities (FAQ | Graphviz and Getting layers to work with SVG). This would allow you to show just a subset of the edges at any one time.
digraph g {
//overlap=false // does not apply to dot
//margin="10" // does not help (me)
//esep=1.3 // does not apply to dot
graph [layout=dot,
nodesep=1,
rankdir=LR,
ranksep=9,
splines=true
];
node [XXXheight=.1,
shape=record
];
edge [colorscheme=paired12,
penwidth=3
];
el4 [label="el4 |{{
<port1> port1
|<port2> port2
}|{
<port3> port3
|<\
port4> port4
|<port5> port5
|<port6> port6
|<port7> port7
|<port8> \
port8
|<port9> port9
|<port10>port10}} "];
El1 [label="El1 | {{
<port54> port54
| <port55> port55
| <port56> port56
| <\
port57> port57
| <port58> port58
| <port59> port59
| <port60> port60
| <\
port61> port61
| <port62> port62
| <port63> port63
| <port64> port64
| <\
port65> port65
| <port66> port66
| <port67> port67
| <port68> port68
| <\
port69> port69
| <port70> port70
| <port71> port71
}|{
<\
port11> port11
| <port12> port12
| <port13> port13
| <port14> port14
| <\
port15> port15
| <port16> port16
| <port17> port17
| <port18> port18
| <\
port19> port19
| <port20> port20
| <port21> port21
| <port22> port22
| <\
port23> port23
| <port24> port24
| <port25> port25
| <port26> port26
| <\
port27> port27
| <port28> port28
| <port29> port29
| <port30> port30
| <\
port31> port31
| <port32> port32
| <port33> port33
| <port34> port34
| <\
port35> port35
| <port36> port36
| <port37> port37
| <port38> port38
| <\
port39> port39
| <port40> port40
| <port41> port41
| <port42> port42
| <\
port43> port43
| <port44> port44
| <port45> port45
| <port46> port46
| <\
port47> port47
| <port48> port48
| <port49> port49
| <port50> port50
| <\
port51> port51
| <port52> port52
| <port53> port53
} }"];
el4:port10 -> El1:port15 [color=1,
taillabel="Consumer:['']"];
el4:port7 -> El1:port13 [color=2,
taillabel="Consumer:['', '']"];
el4:port5 -> El1:port12 [color=3,
taillabel="Consumer:['']"];
el4:port8 -> El1:port14 [color=4,
taillabel="Consumer:['']"];
el4:port4 -> El1:port11 [color=5,
taillabel="Consumer:['', '']"];
el4:port3 -> El1:port17 [color=6,
taillabel="Consumer:['']"];
el3 [label="el3 |{{
<port91> port91
| <port92> port92
| <port93> port93
| <port94> port94
| <port95> \
port95
| <port96> port96
| <port97> port97
| <port98> port98
| <port99> port99
| <port100> \
port100
| <port101> port101
| <port102> port102
| <port103> port103
| <port104> port104
| <\
port105> port105
| <port106> port106
| <port107> port107
| <port108> port108
| <port109> port109
| <\
port110> port110
| <port111> port111
| <port112> port112
| <port113> port113
| <port114> port114
| <\
port115> port115
| <port116> port116
| <port117> port117
| <port118> port118
| <port119> port119
| <\
port120> port120
| <port121> port121
| <port122> port122
| <port123> port123
| <port124> port124
| <\
port125> port125
| <port126> port126
| <port127> port127
| <port128> port128
| <port129> port129
| <\
port129> port129
| <port130> port130
| <port131> port131
}|{
<port72> port72
| <port73> port73
| <\
port74> port74
| <port75> port75
| <port76> port76
| <port77> port77
| <port78> port78
| <\
port79> port79
| <port80> port80
| <port81> port81
| <port82> port82
| <port83> port83
| <\
port84> port84
| <port85> port85
| <port86> port86
| <port87> port87
| <port13> port13
| <\
port88> port88
| <port89> port89
| <port90> port90
} } "];
el4:port7 -> el3:port13 [color=7,
taillabel="Consumer:['']"];
el4:port6 -> el3:port87 [color=8,
taillabel="Consumer:['']"];
el4:port9 -> el2:port133 [color=9,
taillabel="Consumer:['']"];
el4:port10 -> el2:port15 [color=10,
taillabel="Consumer:['']"];
el4:port7 -> el2:port13 [color=1,
taillabel="Consumer:['']"];
El1:port54 -> el3:port75 [color=2,
taillabel="Consumer:['', '', '']"];
El1:port69 -> el3:port74 [color=3,
taillabel="Consumer:['', '', '']"];
El1:port66 -> el3:port82 [color=4,
taillabel="Consumer:['', '']"];
El1:port57 -> el3:port85 [color=5,
taillabel="Consumer:['']"];
El1:port67 -> el3:port86 [color=6,
taillabel="Consumer:['']"];
El1:port64 -> el3:port80 [color=7,
taillabel="Consumer:['']"];
El1:port65 -> el3:port81 [color=8,
taillabel="Consumer:['']"];
El1:port63 -> el3:port79 [color=9,
taillabel="Consumer:['']"];
El1:port56 -> el3:port76 [color=10,
taillabel="Consumer:['']"];
El1:port62 -> el3:port78 [color=1,
taillabel="Consumer:['']"];
El1:port58 -> el3:port77 [color=2,
taillabel="Consumer:['', '']"];
El1:port68 -> el3:port73 [color=3,
taillabel="Consumer:['', '']"];
El1:port71 -> el3:port84 [color=4,
taillabel="Consumer:['']"];
El1:port70 -> el3:port83 [color=5,
taillabel="Consumer:['']"];
El1:port55 -> el3:port72 [color=6,
taillabel="Consumer:['', '']"];
El1:port60 -> el3:port89 [color=7,
taillabel="Consumer:['']"];
El1:port61 -> el3:port90 [color=8,
taillabel="Consumer:['']"];
El1:port59 -> el3:port88 [color=9,
taillabel="Consumer:['']"];
el3:port125 -> el4:port2 [color=10,
taillabel="Consumer:['', '']"];
el3:port129 -> el4:port1 [color=1,
taillabel="Consumer:['']"];
el3:port115 -> El1:port35 [color=2,
taillabel="Consumer:['']"];
el3:port101 -> El1:port23 [color=3,
taillabel="Consumer:['']"];
el3:port112 -> El1:port32 [color=4,
taillabel="Consumer:[''"];
el3:port114 -> El1:port34 [color=5,
taillabel="Consumer:[''"];
el3:port109 -> El1:port30 [color=6,
taillabel="Consumer:[''"];
el3:port106 -> El1:port28 [color=7,
taillabel="Consumer:[''"];
el3:port111 -> El1:port31 [color=8,
taillabel="Consumer:[''"];
el3:port104 -> El1:port26 [color=9,
taillabel="Consumer:[''"];
el3:port105 -> El1:port27 [color=10,
taillabel="Consumer:[''"];
el3:port102 -> El1:port24 [color=1,
taillabel="Consumer:[''"];
el3:port108 -> El1:port29 [color=2,
taillabel="Consumer:[''"];
el3:port116 -> El1:port47 [color=3,
taillabel="Consumer:[''"];
el3:port113 -> El1:port33 [color=4,
taillabel="Consumer:['']"];
el3:port103 -> El1:port25 [color=5,
taillabel="Consumer:['']"];
el3:port124 -> El1:port37 [color=6,
taillabel="Consumer:['']"];
el3:port117 -> El1:port36 [color=7,
taillabel="Consumer:['']"];
el3:port127 -> El1:port38 [color=8,
taillabel="Consumer:['']"];
el3:port128 -> El1:port39 [color=9,
taillabel="Consumer:['']"];
el3:port123 -> El1:port53 [color=10,
taillabel="Consumer:['']"];
el3:port118 -> El1:port18 [color=1,
taillabel="Consumer:['']"];
el3:port122 -> El1:port22 [color=2,
taillabel="Consumer:['']"];
el3:port119 -> El1:port19 [color=3,
taillabel="Consumer:['']"];
el3:port121 -> El1:port21 [color=4,
taillabel="Consumer:['']"];
el3:port120 -> El1:port20 [color=5,
taillabel="Consumer:['']"];
el3:port131 -> El1:port42 [color=6,
taillabel="Consumer:['']"];
el3:port130 -> El1:port41 [color=7,
taillabel="Consumer:['']"];
el3:port91 -> El1:port40 [color=8,
taillabel="Consumer:['']"];
el3:port96 -> El1:port48 [color=9,
taillabel="Consumer:['']"];
el3:port95 -> El1:port46 [color=10,
taillabel="Consumer:['']"];
el3:port100 -> El1:port52 [color=1,
taillabel="Consumer:['']"];
el3:port94 -> El1:port45 [color=2,
taillabel="Consumer:['']"];
el3:port97 -> El1:port49 [color=3,
taillabel="Consumer:['']"];
el3:port93 -> El1:port44 [color=4,
taillabel="Consumer:['']"];
el3:port92 -> El1:port43 [color=5,
taillabel="Consumer:['']"];
el3:port99 -> El1:port51 [color=6,
taillabel="Consumer:['']"];
el3:port98 -> El1:port50 [color=7,
taillabel="Consumer:['']"];
el3:port126 -> El1:port16 [color=8,
taillabel="Consumer:['']"];
el3:port107 -> el2:port132 [color=9,
taillabel="Consumer:['']"];
el3:port112 -> el2:port32 [color=10,
taillabel="Consumer:['', '']"];
el3:port110 -> el2:port30Adv [color=1,
taillabel="Consumer:['']"];
el3:port117 -> el2:port36 [color=2,
taillabel="Consumer:['']"];
El2 [label="el2 | {{
<port13>port13
| <port133> port133
| <port15> port15
| <\
port30Adv> port30Adv
| <port32> port32
| <port132> port132
| <port36> \
port36
}|{}} "];
}
Giving:
Hello , thank you for the hints, but it should “always” be ingoing-left and outgoing-right.
I’m trying to reproduce you output and copied your code to dreampuf.
It looks like
here
As it is the same code, shouldn’t it be the same output? Why are they different?
Thank you so much for your help!
Is there a possibility to seperate the lines - especially at the corners?
dreampuf (though cool) is not part of the Graphviz system. I can only guess that it produces a slightly different result because it uses a different release of Graphviz as its base or uses different versions of some of the various libraries that Graphviz depends on.
I can think of no way to separate the edges.
Dreampuf: thats interresting: the online service of it is showing the same straight crossing lines - different to your drawing on this Forum.
The only thing I made is copy and pasting in your code.
Have you an idea why is this happening?
ps: sorry - was not working for me to attach the image.
