I used LeafletJS to build this proportional symbol web map. It displays waste generated and waste recycled/composted for the United States and a number of European countries. A slider allows the user to select which year to display and the legend updates dynamically.
This web application aggregates Michigan oil & gas production by well. Users can choose whether to view well locations symbolized by type/status or proportional symbol maps (i.e. bubble maps) of oil or gas production. Users can click on a well to see well information, cumulative production information, and an interactive chart of production over time. I built this application with Mapbox GL JS, plotly.js, Bootstrap and CARTO.
This web application uses the FCC API to display broadband information on an interactive map. It also allows users to submit information about broadband options at an address. It was built using LeafletJS, the GoogleMaps API, geocomplete.js, Bootstrap, and Moment.js on the front end and Java and PostgreSQL/PostGIS on the back end.
I designed this vector tileset to fit the aesthetic of a Fargo movie poster. I imported data into Mapbox Studio and completed all styling and formatting of the chosen data layers at various zooms levels.
A terrain map of a fictitious bike race starting near Salt Lake City, UT and ending in Vancouver, BC. To visualize the rugged terrain with shaded relief, I processed Digital Elevation Model (DEM) and land cover layers in ArcMap and applied final styling in Adobe Photoshop and Illustrator.
I combined 2010 Urban Area data (U.S Census Bureau) and USA Parks data (Esri, TomTom) to visualize parks in and around the 45 largest urban areas in the U.S. With a glance the reader can see which cities have the highest number of park acres per capita versus park acres within 200 miles. I used ArcMap to gather and process the data, then exported to Adobe Illustrator to apply final styling.