Investigate options for reducing clutter of edges - Githubissues

amelioro / ameliorate

A tool for analyzing debatable problems effectively, collaboratively, and with an open mind.

https://ameliorate.app

MIT License

26 stars 10 forks source link

Investigate options for reducing clutter of edges #559

Open keyserj opened 2 weeks ago

keyserj commented 2 weeks ago

Describe your issue

Edges seem to add a lot of clutter when there are more than a few of them:

edge boxes overlap often
edge boxes have text and indicators in them

Solution you'd like

Not entirely sure what's best. Potentially

text and indicators could conditionally be shown e.g. via #478
by default only text could show
- with the box and its background? without?
edge label placement could be improved to avoid other labels

Alternatives you've considered

No response

Additional context

No response

Technical ideas and questions

the last time I investigated label placement via the layout library that Ameliorate uses, I think I had misunderstood a few of the library's options, and was creating more space than necessary. I had forgotten that right now the edge label is just dumbly placed based on a bezier curve between the two nodes it's connecting, without using the output of the layout algorithm which would account for other nodes/edges 😅