Module 2 Formstorming

Yiyi Yan

Project 2

Module 2

Through Activity 1 & 2 and the Spatial Workshops. I explored and identified spaces around me, and gained the understanding of the storytelling between maps and data. For my project 2, I chose Shanghai to be the location to be working on. Using the knowledge I gained in class, I created a bivariate data map using the location-based data of Shanghai.

Activity 1

Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram Experiment with Cartogram

Activity 2

Bivariate data tutorial - data driven circles of coyote encounters Bivariate data tutorial - heatmap of coyote encounters Bivariate data tutorial - date driven lines of cycling routes Laser cutting tutorial - mapbox exploration Laser cutting tutorial - Laser-Cut Map Using Mapbox Laser cutting tutorial - Laser-Cut Map Using Mapbox Laser cutting tutorial - Laser-Cut Map Using Mapbox Projection mapping tutorial process using Adobe Effects Projection mapping tutorial final using Adobe Effects<a href='images/Activity2/final.mp4' target='_blank'><p>Project Video Link</p></a> Bivariate data exploration - 3d extrusions style of wetlands, data from Town of Oakville Open Data Portal Bivariate data exploration - data driven lines of traffics Bivariate data exploration - Color blindness simulator Bivariate data exploration - Weather simulation Bivariate data exploration - sidewalks in Oakville, data from Town of Oakville Open Data Portal Bivariate data exploration - Fish stocking Data mapping based on species, data from Ontario GeoHub Bivariate data exploration - Fish stocking Data mapping with bigger texts and icons Bivariate data exploration - Fish stocking Data mapping based on stocking year projection mapping exploration - Exploring different effects in Adobe Effects projection mapping exploration project Photo from workshop 1 that I used to explore projection mapping projection mapping exploration final<a href='images/Activity2/Comp 3.mp4' target='_blank'><p>Project Video Link</p></a> Laser cutting experiment - vector created in Adobe Illustrator Laser cutting process Laser cutting experiment - finished phone stand Laser cutting experiment - finished phone stand

Spatial Workshop 1

The booth sitting area on the second floor of marquee, designed for group study session. Each booth provides semi-private space for 2–4 people. <br>Style: Modern design with colorful palette. The clean geometric shapes create visual appealing.<br>Material: Gloss painted seats and wall. Seats metal base trim, vinyl cushions. Exterior of AA wing for relaxation.<br>Style: Natural and comfy, the color of chairs match with the color of foliage. The place combines the natural elements <br>Material: Wood chairs. Stone retaining walls. Grass and Tree providing shade. Indoor lounge area at food court, services as a social and relax place. <br>Style: The multicolored glass add vibrancy and visual appealing to the space. The wooden beams and metal framing highlight a mix of industrial and natural aesthetics. <br>Material: Steel-framed windows. Exposed wooden beams. Colored glass window. Upholstered lounge chairs.

Spatial Workshop 2

3 initial concept sketches I made for 3 spaces. Canopy for exterior space, plants for lounge, lighting for learning space I decided to go furthur with the exterior space, these are 3 ideas based on it. The 3D model of the wooden canopy.

Project 2

Final Project 2 Design

Bivariate Visualization of Population Density and Educational Infrastructure in Shanghai, 2023

Map Legend
×

Powered by w3.css