d3-force with rectangles | xyflow | Page 1

drowsy steppe May 9, 2024, 4:57 PM

#

Hey 👋 ,

I've purchased the starter plan and I'm trying to get the d3 example to work with rectangles of 400px by 600px (which is the usecase in my actual codebase) instead of small circles.

Modifying distance and strength help a bit, but there are still a lot of overlaps.

I can DM you a reproduction based on the pro example if that helps.

patent harness May 9, 2024, 6:32 PM

#

This is more of a d3 question than an rf one. I found this blog post that should get you all the way there: https://lvngd.com/blog/rectangular-collision-detection-d3-force-layouts/

Rectangular Collision Detection in D3 Force Layouts

Learn how to detect and resolve rectangular collisions in D3.js force directed graphs. We will adapt the built-in forceCollide, which handles collision detection of circles, for use with rectangles.

drowsy steppe May 9, 2024, 6:47 PM

#

Thanks, I'll take a look!

#d3-force with rectangles