Doug Webb

Advice wanted: I want to create a diagram, specifically a statechart, with specific node layout and automatic edge placement.

#Mermaid is nice, but autolayout is nasty. #plantUML is powerful, but has some showstopper issues (can't link to concurrent states).

I will probably use #excalidraw to get something good, but I'm still interested in programmatic layout. There is #d3, #cytoscape, #svelteflow, #jointjs and surely others. Do you have thoughts?

#dataviz

May 23 at 6:04pmWeb
Show thread🍃 Nick 🍁May 23

@douginamug I used libavoid for something where the boxes were placed manually, but the lines autoplaced...

Here's an example of it, used in combination with jointjs --> https://www.jointjs.com/demos/libavoid-standalone-link-routing

... but not sure there is a nice packaged version that will offer what you want (without really knowing how you seek to make use of it)

Standalone Link Routing with Libavoid – Demo applications & examples

Explore Libavoid's demo, showcasing its seamless integration with JointJS for effective, overlap-free link routing in diagrams.

JointJS
Show threadDoug WebbMay 24
@nick cool! Thanks :)