Awards & Nominations
Space Eagles (YCCC) has received the following awards and nominations. Way to go!
Global Nominee
Space Eagles Moonquake Map
High-Level Project Summary
We have made a website that visualizes moonquakes. The quakes appear as spheres on the moon, where the size depends on the magnitude of the earthquake, and the color shows the type of the quake (deep, shallow, or artificial). On the website there is a slider where you can choose the year when you want to see the moonquakes, and depending on what you select, that will show. There are also some other features such as making the moon rotate or not, etc...
Link to Final Project
Link to Project "Demo"
Detailed Project Description
The website uses the javascript library Three.js. With it, we made a globe model of the moon using the textures and displacement maps provided by NASA. We also created a scene with stars in the background.
As the data was in different formats, we had to process it. We made a Python API with Django. It doesn't provide much functionality other than the foundational moonquake data, but it's scalability allows building many new features.
The website aims to visualize moonquakes and make the data accessible and understandable for everyone. With the provided data, we created marks (little spheres) on the surface of the moon, where the color of the sphere shows the type of the quake (be it deep, shallow, or artificial), and the size of the sphere depicts the magnitude. On the website, you can also filter which year's quakes are to be shown, by using the slider below the legend and the information box.
Space Agency Data
Scientific Visualization Studio Computer Generated Imagery (CGI) Moon Kit - We got the model of the moon, and the displacement map from this website.
pds-geosciences.wustl.edu - /lunar/urn-nasa-pds-apollo_seismic_event_catalog/data/for the seismic data, which we used to get the location, time, magnitude, and type of the moonquakes.
Hackathon Journey
This challenge had a lot of space for creative ideas, it hadn't been done before, and it was something that interested us all. We learned a lot, worked in a team, and saw how that works, and honestly, above all, it was a very fun experience. We knew we wanted to do a website with a 3d model of the moon, but we had no idea how. So we had to figure that out, which included a bunch of math, which was "fun".
References
https://svs.gsfc.nasa.gov/cgi-bin/details.cgi?aid=4720 - for the textures image and the depth map of the moon model.
We've used Three.js library for the 3D projection, Vite for the client application and Python with Django framework for the API.
The seismic data was retrieved from the NASA PDS Geosciences Node: https://pds-geosciences.wustl.edu/lunar/urn-nasa-pds-apollo_seismic_event_catalog/data/
Tags
#software #3d #threejs #javascript #computergraphics #datavisualisation