Hi
I am currently in the process of creating a 3D globe with literacy rates data. As of now, the user is able to click on individual country names and a box pops up giving them information. I have achieved this by implementing a smaller sphere for each coordinate of each country. These spheres are then clickable (through raycasting). I would like to change the spheres to cuboids so that they extrude from the surface of the sphere, where the length of the cuboid is with respect to the countryโs literacy rate.
I can change the spherical objects to cuboids but the issue is that they all face one direction. As a result, they do not extrude from the surface of the globe and they all face one normal.
Could someone please guide me in the right direction? I am lost on what to search up and whether or not threejs offers such capabilities.
Here is an example of what I am looking to build:
Thanks!