Create a bar chart protruding from a sphere

Hi :slight_smile:

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!

Check out these examples from the Collection of examples from discourse.threejs.org .

discourse.threejs.hofk.de 2018

2021-04-25 11.28.07

2021-04-25 11.28.33

2021-04-25 11.29.20

2 Likes