loading...
Cover image for 5 Awesome 3D Globe Projects To Inspire You 🌍✨

5 Awesome 3D Globe Projects To Inspire You 🌍✨

madza profile image Madza ・2 min read

The 3D model of the Earth is perfect for designing creative web projects cause it's easy to display data on it. Thanks to many data API's it's easy to access data like population, countries, cities, geo-coordinates, health data, education, etc. Here I have compiled my favorite 3D Globe projects.


1.Paper Planes

Catch and throw Paper Planes with one another around the world: a simple concept using the power of the web and Android to create an instant connection to one another.🚀🛫

Alt Text

2.Listening Together

Today, every second on Spotify, more than 30,000 people start playing the same song as someone they’ve never met. See what people over the globe are listening to in realtime and find new gems.🎵🎧

Alt Text

3.COVID-19 3D

An interactive 3D visualization of COVID-19. See stats on separate countries or the spread of the virus across the world using the timeline.😷🤒

Alt Text

GitHub: Source Code.

4.Google Cloud Infrasctructure

Explore Google's cloud infrastructure through data analytics, data encryption and container options using their global network interface.💾💻

Alt Text

5.Encom Globe

The Encom Globe is a WebGL-based clone of the globe from the boardroom scene in Tron: Legacy. It is written using Three.js, with some GLSL.🤖🌎

Alt

GitHub: Source Code.


Hope you did find some inspiration from these projects!
Thanks for going through and follow for more!

Discussion

pic
Editor guide
Collapse
loouislow profile image
Loouis Low

This is insane.

Collapse
madza profile image
Madza Author

Yeah, that's crazy what we can already achieve in the web 😉
Kinda scary to imagine what the future holds with all those high-capability tech like WASM evolving 🌌✨

Collapse
loouislow profile image
Loouis Low

Yea, we can literally toss anything we used to develop applications or apps for desktop, server, and embedded platforms on the web. Mind-blowing....poof... As soon as WASM has matured. I will make the web browser running firmwares.... MWHhhaaaa....

Collapse
zoedreams profile image
☮️✝️☪️🕉☸️✡️☯️

nice. i know from experience that stuff is hard to render procedurally fast, kudos a fun article :)

Collapse
madza profile image
Madza Author

Thanks, glad you liked it 🙏❤

Collapse
zoedreams profile image
☮️✝️☪️🕉☸️✡️☯️

I actually did this some years ago when i use real NASA satellite data to model mars to scale in unity.
I was not able to actually get the sphere to render because i was outside the floating point system. yes planets are that big insane i know.

photos.app.goo.gl/UbjkmMtACws13fJK8 (this cgi i created)
photos.app.goo.gl/vaXPTsN9EojxESh68
photos.app.goo.gl/TeAFQk11CEAP6LWJ7
photos.app.goo.gl/LrbaEegzxbdLAV5L9

i bought some property on mars some years ago so i wanted to survey it; and ended up creating a game about surviving after crash landing on mars. I gave it away for free, i have no idea where it ended up.

Thread Thread
madza profile image
Madza Author

Good job on these, quality 🤩

Collapse
zdev1official profile image
ZDev1Official

This is amazing!

Collapse
madza profile image
Madza Author

Great to hear you liked it 🙏❤

Collapse
zdev1official profile image
ZDev1Official

❤️

Collapse
dailydevtips1 profile image
Chris Bongers

Wow nice, but you forgot about the emoji CSS one haha (j/k)

daily-dev-tips.com/posts/css-makes...

Collapse
madza profile image
Madza Author

Hahah, that's a very interesting approach 😉 Thanks for sharing! 👍
At first, it's surprising no JS is used ever, due to the creative use of 3 emojis each showing different parts of the world and the keyframes of CSS. 😉 The end result could look slightly different on different devices/apps tho, depending on what each one displays the Earth emojis 🌎🌍🌏

Collapse
dailydevtips1 profile image
Chris Bongers

Haha yes! Found it a very funny solutions and use for emoji's

Collapse
irfanullahshakir profile image
Collapse
deveshlashkari profile image
Devesh Lashkari

Absolutely Amazing. Loved it !