How x and y coordinates in smoothWorldCup example calculated?

[Harikrishnan-Prabhakar]

Discussed in #2109

^{Originally posted by Harikrishnan-Prabhakar January 5, 2024}
I'm trying to render a service map. Some service(s) has many dependencies. I'm trying to group those service(s) with more number of connections in one area in the rendered layout. But I didn't found any solution for achieving the same.

I'm looking for something like the one shown in smoothWorldCup example. I could see the x and y coordinates are given in the dataset itself. So want to know how it is calculated or is there any algorithm which I can make use of to get the x and y coordinates based on canvas height, width and grouped nodes?