My friend and I had our first experience with three.js this weekend building a project for the CUNY Hackathon and I just thought I’d drop it here!
It’s pretty simple! Built it out using HTML, CSS, and JavaScript. The webapp taps into a couple APIs to retrieve COVID-19 and Earthquake data.
The globe is rendered using a variety of textures and maps (bump, specular, clouds, etc.).
We extracted latitudes and longitudes from the API data and plotted it with a little spherical geometry. The images below show both the BoxGeometry and SphereGeometry representations.
Feel free to play around with it at eduglobe.space, and let me know what you guys think! Thanks!