DEV Community

Cover image for 5 Awesome 3D Globe Projects To Inspire You ๐ŸŒโœจ
Madza
Madza

Posted on

5 Awesome 3D Globe Projects To Inspire You ๐ŸŒโœจ

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 (15)

Collapse
louislow profile image
Louis 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
louislow profile image
Louis Low • Edited on

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
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 • Edited on

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
Irfan Ullah Shakir

โค

madza profile image
Madza Author

Good job on these, quality ๐Ÿคฉ

Collapse
madza profile image
Madza Author

Thanks, glad you liked it ๐Ÿ™โค

Collapse
deveshlashkari profile image
Devesh Lashkari

Absolutely Amazing. Loved it !