Paul Bernhardt, Matt Killeen, Ciera Morris, Emerson Williams-Molett
This one-page dashboard shows a map of places in the U.S. National Park System. When site visitors click on a map marker, a pop-up appears with facts about that place, a graph is drawn of that park's 2011-2020 attendance, and concentric circles appear around the marker. Clicking on a different place and plotting the same diameter circles around a new place while staying at the same zoom level allows visitors to compare the scale of different places.
index.html imports:
style.css
Leaflet
d3
index.html calls on:
config.js, which calls on mapbox.com
app.js
app.js calls on:
Matt.js
Ciera.js
Emerson.js
Paul.js
-
Finish ETL. -Matt.
-
Import data from SQLite via Flask: NPSplacesAndAttendance table and POIdata table. -Ciera
-
Plot systemwide map: pick a random place, draw the map centered on that place, bind place markers of 423 units (parks) to the map, draw concentric circles aroud the place the map is centered on, bind point-of-interest markers to the map. -Paul
-
Plot per-park attendance that updates for each unit (park) clicked on. -Emerson
-
Plot two scatterplots of system-wide data that remain unchanged onscreen: lat vs area and long vs area. -Emerson
-
Make sure HTML and CSS are making the page look really sharp. -we'll circle back to this.
-
Benji advises: Don't put logic on the outermost level of any of these files. Everything we do, put it into a function.
- Clone this repo.
- Do this.
- Then do that.
- Then do another thing.