I’m working on a UI somewhat like the flowcharts in the Democracy games: http://www.positech.co.uk/democracy3/_assets/images/content/s2.jpg
I’m representing each “node” (the blue/red circles in the screenshot) as an instance of my custom nodeWidget UMG widget. I position a root, empty canvas panel in the center of the screen, and when I generate the UI I just use Add Child to spawn one widget for each data point I want to display.
Positioning each widget to make it look like a flowchart is relatively easy, I just offset it from center by a random [x,y] value bounded by the screen size, like this:
However, this can lead to multiple widgets overlapping each other, especially when quite a lot of them are onscreen at once- is there any simple way to ensure that each widget is visually unobstructed?