React application for visualizing Earth meteorite impact locations
git clone https://github.com/nathanielhall/meteorite-impact-visualization.git
cd meteorite-impact-visualization
npm install
npm start
This will launch the application in your browser at http://localhost:8080
. If
the browser doesn't open, try typing in the address.
This is what you are looking for:
npm <script> |
Description |
---|---|
build |
generate production build |
start |
run dev server |
test |
run jest |
lint |
lint js(x) files |
prettier |
run prettier |
This application retrieves meteorite impact locations from, https://data.nasa.gov/resource/y77d-th95.json, and plots them onto a Map. The map is built using React Leaflet.
The application provides an "Import" button that will re-import the data for the specified start and end dates. The default start date is 2010, and the end date is the current year. I chose to use the year rather than the full date, because the data contains only the year.
The application provides a way to view a table of user edits. This can be accessed by clicking the "Edits" button. This table will show all user edits in the order of last change on top.
The table displays the following columns:
- timestamp
- id of the record changed
- the original data
- the updated data
The application allows the user to interact with the map:
- Zooming in and out, and panning the map using the keyboard and mouse
- Click a single point to view the associated data as a popup.
- Make changes to the data displayed in the popup.