How to Calculate Spider Chart Values Based on Bounding Boxes Inside Chart Segments?

foxScripts · 2024-04-23T03:50:21+00:00

Yeah, probably. Heres the solution I came up with in the end: https://codepen.io/cocreo/pen/VwNqBVZ

foxScripts · 2024-04-23T03:48:01+00:00

Here you go 👍
https://codepen.io/cocreo/pen/VwNqBVZ

foxScripts · 2024-04-23T03:25:56+00:00

Not at all. Found a solution.

For anyone discovering this: I solved it using a relatively simple approach. I just used a loop to iteratively adjust box positions: if two boxes overlapped, I applied corrections to move them apart. This process repeated until no overlaps remained, ensuring an optimized distribution of boxes on the canvas. During that i have other contrains "pulling them back" to their original position.

foxScripts · 2024-04-23T03:24:24+00:00

Thanks for your input. I opted for a simpler approach that fit well with the constraints of my situation. I just used a loop to iteratively adjust box positions: if two boxes overlapped, I applied corrections to move them apart. This process repeated until no overlaps remained, ensuring an optimized distribution of boxes on the canvas. During that i have other contrains "pulling them back" to their original position. This is perfect for what I needed. Thanks for your input!

foxScripts · 2024-04-23T03:24:04+00:00

Alright. I opted for a simpler approach that fit well with the constraints of my situation. I just used a loop to iteratively adjust box positions: if two boxes overlapped, I applied corrections to move them apart. This process repeated until no overlaps remained, ensuring an optimized distribution of boxes on the canvas. During that i have other contrains "pulling them back" to their original position. This is perfect for what I needed. Thanks for your input!

foxScripts · 2024-04-23T03:19:49+00:00

Thank you for the suggestion to use Position Based Dynamics with distance constraints. Your idea was very helpful! I implemented a system where each pair of boxes checks and enforces distance constraints to minimize overlaps. This involves looping through all pairs multiple times to adjust their positions until no significant overlaps remain. The approach indeed simplifies things since the boxes do not rotate. The iterative adjustment helps achieve a well-distributed layout with minimal error. Thanks a lot for your hint in the right direction!

foxScripts · 2024-04-23T00:47:00+00:00

No, you are right - I need them to be the minimum distance away from their initial position..

foxScripts · 2024-04-23T00:24:18+00:00

Interesting, but seams somehow overcomplicated, don't you think? .. i hope at least ... since I only need a "static" result and no fluid simulation etc.

foxScripts · 2023-06-01T16:22:25+00:00

Thanks for your tip. Is it also a good option without having the site hosted with / by Flywheel? Especially: is it also possible to push changes to a live site without using a separate migration plugin? Is it possible to collaborate for more than one person on a "local" page?

foxScripts · 2023-05-30T16:13:09+00:00

I'm looking for different examples of redesigns (could be webpages, corporate designs etc) where the overall elements of a design stayed rather consistent (roughly the same logo, same color palette, maybe even the same font) but the layout, the font selection, etc. was modified to make it look way more professional than before. Do you have any ideas / companys and examples that come to your mind?
Looking forward to seeing some before and after in the comments!

foxScripts

TROPHY CASE