Cable management in node-based UI

kesor1 pts0 comments

gianmarco simone ✨ on X: "Don't let your node UIs become spaghetti, embrace cable management https://t.co/pPpTOBDnh0" / X<br>Post

Log inSign up

Post

gianmarco simone ✨

@ggsimm

Don't let your node UIs become spaghetti, embrace cable management

00:00

span:not(:empty)~span:not(:empty)]:before:content-['·'] [&>span:not(:empty)~span:not(:empty)]:before:px-1 [&>span:not(:empty)~span:not(:empty)]:before:shrink-0">9:00 AM · Aug 7, 2026345.5KViews

227<br>299<br>5.6K<br>2.6K

span:not(:empty)~span:not(:empty)]:before:content-['·'] [&>span:not(:empty)~span:not(:empty)]:before:px-1 [&>span:not(:empty)~span:not(:empty)]:before:shrink-0 min-w-0 overflow-hidden">gianmarco simone ✨

@ggsimm

20h

@reksaandhika yoink

256<br>7.8K

span:not(:empty)~span:not(:empty)]:before:content-['·'] [&>span:not(:empty)~span:not(:empty)]:before:px-1 [&>span:not(:empty)~span:not(:empty)]:before:shrink-0 min-w-0 overflow-hidden">Prathyush<br>@prathyvsh

16h

There is a different kind of unioning you can do here. Check the confluent drawing:

span:not(:empty)~span:not(:empty)]:before:content-['·'] [&>span:not(:empty)~span:not(:empty)]:before:px-1 [&>span:not(:empty)~span:not(:empty)]:before:shrink-0 min-w-0 overflow-hidden">Prathyush<br>@prathyvsh

May 12, 2021

Replying to @prathyvshCame across neat techniques called power graphs, confluent graphs, and routing graphs which considerably reduce the count of edges in complicated graphs.

Relevant Papers:

arxiv.org/pdf/1810.09948…

kurims.kyoto-u.ac.jp/EMIS/journals/…

Interactive Demo: confluent-graphs.herokuapp.com

77<br>4.9K

Log in or sign up for X<br>See what’s happening and join the conversation<br>Continue with phoneContinue with AppleContinue with Google<br>or<br>Log in with username or email

Relevant people

gianmarco simone ✨@ggsimmFollow<br>Chaos Engineer somewhere.

Prev: @splinetool, @Codesandbox

Trending now

span empty before graphs gianmarco simone

Related Articles