Sugiyama style graph drawing in pure elm (elm-dagre)

Hi all,

I would like to present a new package that can do Sugiyama style graph layouting and rendering in pure elm. This package is based on the popular js library dagrejs. This is my first package and it is published here (simplest example on Ellie). I hope it can be used by applications like Kite. Hoping to hear from the community about the experiences and possible improvements. Special thanks to one-true-path-experiment’s creator, your package helped a lot in generating paths and computing points along them for rendering the Graph.

PS: I would be adding the Github wiki (for people wanting to learn more) and updating some links in readme soon.

Best,
Archit

15 Likes

Wow the Ellie example looks super nice! I can’t wait to try it out :slight_smile:

1 Like

One thing it might be nice to have helpers for (common need) would be onClick.

Instead of needing to drop down to making your own NodeDrawer, if we could stay in the “default” land and just plop a custom onClick there, that would be nice :slight_smile:

Sorry, could not add this Ellie example due to 2 links in a post limitation on discourse. It illustrates the default drawer’s onClick helper. I am working on more examples and hopefully will add them to the readme. Thanks for the prompt suggestion. :smile:

1 Like

This is absolutely awesome, thanks so much for making it!

I have wanted to do something like this for ages but I read the A Technique for Drawing Directed Graphs paper and realised it was way beyond my ability to implement (or even understand) :slight_smile:

2 Likes