Dylan Russell

Web Mapping Portfolio – GEOG 414

UCLA's MAGIST Program

About Me

I am a passionate geospatial analyst with experience in various coding languages including HTML, CSS, JavaScript, Python, SVG, SLD, D3, and Leaflet. This portfolio showcases my work from GEOG 414 in UCLA’s Master of Applied Geographic Information Systems and Technologies (MAGIST) graduate program; demonstrating my skills in interactive web mapping, geospatial visualization, and programming.

Assignments


Introduction to JavaScript and Web Programming

Introduces core JavaScript concepts through interactive exercises, including a geographic distance calculator using the haversine formula and a number guessing game.

View Assignment
Thematic Mapping with Leaflet

Created an interactive choropleth map visualizing U.S. measles vaccination rates and a symbol map displaying global earthquake data using Leaflet.js, custom GeoJSONs, and dynamic UI controls.

View Map View Map

Demo 1 Demo 2
Interactive Mapping with Hosted Vector and Image Tile Services

Developed an interactive precinct-level 2020 U.S. election results map using Leaflet and GeoServer, with vector and image tile rendering options, custom SLD-styled basemaps, and dynamic feature highlighting via WFS queries.


This webpage is still under development.

View Map
Mapping Inequality with D3

Built an interactive income and inequality dashboard using D3 and C3, featuring a world map with color scales and a time series chart that updates depending on which country you hover over. Included UI controls for year and variable selection, with Bootstrap styling and ColorBrewer color schemes.

View Map
Mapping with SVG

Explored Scalable Vector Graphics (SVG) by creating an interactive web page featuring three horizontally arranged polygons approximating the shape of California. Each polygon demonstrates different SVG styling techniques such as blue fill, gold fill, and gold stroke, highlighting the fundamentals of vector graphics rendering in web mapping.


View Map
KML/KMZ Uploader for Coordinate System Identification

This uploader was designed to efficiently identify the coordinate system of a given project site. Users can drag and drop KML or KMZ files and the tool automatically zooms to the uploaded file. The map overlays two GeoJSON layers representing State Plane and UTM coordinate systems, implemented with JavaScript. When hovering over the map, tooltips display the coordinate system, helping users quickly determine the spatial reference of their project. I have attached some example files that can be downloaded below! Drop the files into the webpage to test it out.

View Map
Download Test KML/KMZ Files Here!