High-Level Project Summary
Our project makes it easy to make data accessible and easy to understand for end users. We developed a full stack web application with 3d moon representation and additional charts. We took one of the csv file provided in resources, processed it and stored it in our database, then we made our own back-end server, to process this data in different ways and to make an api based on this data. We consumed this api on frontend to build intuitive, interactive and amazing 3d representations and charts.
Link to Final Project
Link to Project "Demo"
Detailed Project Description
Our project focuses on transforming raw data, to a visual data, which can be easily accessed by an average person. We built a full stack application with its own back end, front end and a database. We used mysql database provided by planetscale. For back end we used laravel framework, for front end we used react js and a little bit of python and numpy for processing csv files. Firstly we used python to transform csv files, than we loaded that csv file into mysql database using script written with the help of laravel. then we made endpoints on our backend to transform and send data to front end, for charts. I think that the benefit of doing this project in this way is that, it doesnt depend on nasa's api to get data. for example, even if nasa's servers go down for some reason, we will still have all the data in our db.
Space Agency Data
there were many csv files in resources(here https://pds-geosciences.wustl.edu/lunar/urn-nasa-pds-apollo_seismic_event_catalog/data/)
but the most intuitiive data, which we could wrap our heads around was in this file
nakamura_1979_sm_locations.csv
so we chose this dataset to make our project.
Hackathon Journey
This hackathon was an amazing experience. I wasn't prepared in adavnce and I teamed up with other team members on local hackathon evenet. Me and my team didn't knew anything about 3d modeling or 3d graphics, data visualization and etc, and we had to learn everything on the spot, which was a bit stressful but also very cool experience.
References
https://reactjs.org/ - A JavaScript library for building user interfaces
https://laravel.com/ - Laravel is a web application framework with expressive, elegant syntax
https://github.com/vasturiano/react-globe.gl - React component for Globe Data Visualization using ThreeJS/WebGL
https://www.mysql.com - sql based relational database
https://recharts.org/en-US/ - A composable charting library built on React components
https://github.com/axios/axios - Promise based HTTP client for the browser and node.js
https://www.solarsystemscope.com/textures/download/8k_moon.jpg - 8k moon image
Tags
#moon #3d #3D #moonquake #datavisualization