Wiki source code of Node Placement with Flexible Node Size and Port Position
Version 10.8 by Soeren Domroes on 2023/07/11 11:00
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{layout}} | ||
| 2 | {{layout-section ac:type="single"}} | ||
| 3 | {{layout-cell}} | ||
| 4 | The classic Sugiyama graph drawing algorithm consists of 5 phases: cycle breaking, layer assignment, crossing minimization, node placement and edge routing. Node placement sets the x-coordinates of nodes (in a downward layout) and creates alignment between nodes, improves edge straightness, or balances nodes based on their incoming edges. Node sizes can also be used to eliminate edge bends by increasing the size of nodes, as seen below, which makes the drawing easier to read, edges easier to follow and therefore easier to understand. | ||
| 5 | {{/layout-cell}} | ||
| 6 | {{/layout-section}} | ||
| 7 | |||
| 8 | {{layout-section ac:type="two_left_sidebar"}} | ||
| 9 | {{layout-cell}} | ||
| 10 | [[image:attach:jette-stpa-oyes-bad.png]] | ||
| 11 | {{/layout-cell}} | ||
| 12 | |||
| 13 | {{layout-cell}} | ||
| 14 | [[image:attach:jette-stpa-oyes.png]] | ||
| 15 | {{/layout-cell}} | ||
| 16 | {{/layout-section}} | ||
| 17 | |||
| 18 | {{layout-section ac:type="single"}} | ||
| 19 | {{layout-cell}} | ||
| 20 | Figure showing the current layout without flexible node size and the existing ONO (obviously not optimal) parts of a layout with flexible node size | ||
| 21 | |||
| 22 | = Goals = | ||
| 23 | |||
| 24 | * Improve the existing Network Simplex node placement strategy with flexible node size by:\\ | ||
| 25 | ** centering edges on their nodes if it does not compromise the quality of the layout, if necessary by increasing node sizes even more | ||
| 26 | ** minimize the size of the drawing if possible | ||
| 27 | * (optional) Explore options that need configuration depending on the context. | ||
| 28 | ** alignment of edges, ... | ||
| 29 | |||
| 30 | = Scope = | ||
| 31 | |||
| 32 | Master's (Bachelor's) Thesis | ||
| 33 | |||
| 34 | = Related Work/Literature = | ||
| 35 | |||
| 36 | Emden R. Gansner, Eleftherios Koutsofios, Stephen C. North, Kiem-Phong Vo, //A technique for drawing directed graphs//. Software Engineering 19(3), pp. 214-230, 1993. | ||
| 37 | |||
| 38 | Ulf Rüegg, //Sugiyama Layouts for Prescribed Drawing Areas //([[KCSS>>url:https://www.uni-kiel.de/journals/receive/jportal_jparticle_00000341||shape="rect" class="internal-link"]] 2018/1), Chapter 4.1: Network Simplex Approach | ||
| 39 | |||
| 40 | = Involved Languages/Technologies = | ||
| 41 | |||
| 42 | * Java | ||
| 43 | * ELK | ||
| 44 | ** [[https:~~/~~/github.com/eclipse/elk/issues/853>>url:https://github.com/eclipse/elk/issues/853||shape="rect"]] (corresponding ticket in [[ELK>>url:https://www.eclipse.org/elk/||shape="rect"]]) | ||
| 45 | |||
| 46 | = Supervised By = | ||
| 47 | |||
| 48 | Sören Domrös | ||
| 49 | |||
| 50 | sdo@ifi | ||
| 51 | {{/layout-cell}} | ||
| 52 | {{/layout-section}} | ||
| 53 | {{/layout}} |