Dynamic generating node and automatic positioning

hi , first thanks for your awsome library, i create nodes and links with for loop , now my question is , is this library has any automatic arrangement for positioning nodes on the page ? if not what do i can for positioning nodes correctly and nicely on page

[slvnperron]

Awesome Alex, can’t wait for the PR!

On Nov 14, 2017 4:14 PM, “Alex K” [e-mail] wrote:

Small update. I’ve created a small example of how to use dagre rdi-94-dagre-example branch https://github.com/alex-enchi/react-diagrams/tree/rdi-94-dagre-example I’ll clean it up this week and make a pull request Some important notes:

Because i don’t know yet how to update node position properly (see #107 https://github.com/projectstorm/react-diagrams/issues/107) it’ll work only before first render.

Default for dagre layout direction is top to bottom, it is possible to change it dagre wiki https://github.com/cpettitt/dagre/wiki#configuring-the-layout. But there are difficulties if node has ports on all sides of the node. I.e. if distribution is top -> bottom and 2 nodes are connected via ports on the sides there is no way to tell ranking function to keep this 2 nodes on the same level

Example: Instead of this [image: example-not-gona-happen] https://user-images.githubusercontent.com/24417201/32805133-3b716de2-c991-11e7-8ab3-4989e47cf4c4.png

Dagre will generate that layout [image: example-actual-result] https://user-images.githubusercontent.com/24417201/32805134-3b9400b4-c991-11e7-9379-b589879ebdff.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/projectstorm/react-diagrams/issues/94#issuecomment-344400770, or mute the thread https://github.com/notifications/unsubscribe-auth/ABQStJwRemynZzXgZNX9OodC_SxhHQ7mks5s2gLRgaJpZM4Pnw7W .

[alex-enchi]

Small update. I’ve created a small example of how to use dagre rdi-94-dagre-example branch I’ll clean it up this week and make a pull request

Some important notes:

Because i don’t know yet how to update node position properly (see #107) it’ll work only before first render.

Default for dagre layout direction is top to bottom, it is possible to change it dagre wiki. But there are difficulties if node has ports on all sides of the node. I.e. if distribution is top -> bottom and 2 nodes are connected via ports on the sides there is no way to tell ranking function to keep this 2 nodes on the same level

Example: Instead of this

Dagre will generate that layout