top of page
My GitHub page started as part of an assignment for the Graphic Design in Cartography course at UW-Madison. The assignment incentivized students to familiarize themselves with web design while creating an online site to display their coding skills and projects. I use my GitHub page as a professional portfolio. While I have some overlapping content on this site and my GitHub site, this site showcases secondary content. I plan to maintain both websites, updating them as I gain experiences and complete more projects. Visit my GitHub page for more detailed explanations of some of my maps.
This Mapbox theme is a slight revision from an assignment I completed for the Graphic Design in Cartography course at UW. The assignment was meant to give students practice with establishing a visual style by synthesizing form, type, color, and texture. To expedite this process, the professor recommended that we base our map style off of a preexisting style. To do this, the students identified the preexisting style's visual elements. I personally feel like I picked a challenging inspiration for my project.
I based my style off of the French avant-garde movement known as Fauvism. I liked the striking colors and smeared textures seen in Fauvist paintings. Sabine Rewald from the Metropolitan Museum of Art notes that Fauve painters used unnaturally vivid colors to portray subjects that would otherwise be painted with less saturated hues. The plethora of hues made my assignment challenging. I wanted the map to be akin to Fauvism, but I also wanted the map to be readable. Zooming in presents the greatest issues with readability, but I think I executed the style well at smaller cartographic scales, especially at the scale seen in the linked preview. My second major challenge came from the undistinguished brushstrokes of the art style. The common method of establishing form is to draw strokes around shapes. Instead, Fauvist artists established form by juxtaposing adjacent fill colors. Likewise, I heavily relied on contrasting the hues of different map features to establish form. Normally, I wouldn't do that.
The class assignment also showed students how to quickly construct tiled web maps, one of the main types of maps that people encounter online. (Like GoogleMaps)
I collaborated with Michael Biehl and Regan Murray for our final project in the Interactive Cartography and Geovisualization course.We demonstrated our knowledge of the concepts and skills learned in the course such as interface design, usability engineering, and the different components of human-device interactions. We created this website that looks at how different voting laws at the state level influence the ease with which people in those states can vote.
After deciding upon a topic, we created a corresponding proposal that outlined how a hypothetical user would find our interactive site easy to use and insightful. Our site focused on the different voting laws presented in a choropleth map of the United States. Your Body (Not) Your Choice inspired the site's use of a combined variable reexpression of the choropleth map as well as a largely textual explanation below the map.
This site's interactivity is useful because the user can look at the different laws as they please, look at a state's "composite grade" based on the laws explored in the map, and see all of the specific attribute values of a single state. Laying out all of this information would require more space without the nested legends, single map, and attribute retrieval tool. Furthermore, there are several links in the explanatory text that connect the user to our main sources of data and information.
Unlike the Mapbox map above, the interactive map here was made with D3. This map is fully loaded and drawn once a callback function is called. This map does not need to be rescaled or recentered, which was a main reason for having a single SVG map.
bottom of page