Module 2 Formstorming

Weekly Activity Template

Livia Kurti

Project 2

Module 2

Experiments with cartogram and mapbox interfaces

Activity 1

As soon as I entered Cartogram, I wanted to see how the filter would apply to the entire world map, only to find that it had transformed the map into a flat or distorted view. However, it was interesting to see.

I looked up images of Kyoto online and applied the colors from those pictures to the map.

Then I zoomed in on the continent of Japan and played around with the image colors, making it look like a pastel color scheme.

Then I went back to Sheridan campus area and applied one of the images I made during Workshop 1.

I applied another image I made, but this time I used stained glass as color points. It ended up looking interesting and quite similar to the last one, so...

I applied the colors from the third image. These are the colors I got when I dropped the image in.

Then I did some editing, but now it looks Halloween pumpkin-themed.

Then I moved to Mapbox, where I discovered that when creating a new project, you can choose a template. The 'Outdoor' feature caught my eye.

So I opened it, only to feel disappointed. I thought it was going to be 3D, but it was flat, even though from a top view, it showed depth.

I created a new map using a streets template and zoomed in on Toronto.

And I started playing around with the colors and the text that shows up on the map.

Then I wanted to see how the other continents would look after the changes I made, so once again, I looked at Japan. It looked very interesting, with green and all these orange lines around the continent.

Then I went to Europe, where I located my home country and said to myself, 'Let's check it out and see how it looks up close.

So, I zoomed in and thought I could play around here.

After zooming in on my home country's lake, I started to play around with colors again.

Then I thought maybe I could apply the colors of my home country's flag to the map.

Because of all the area coloring, I just used red on many areas. It ended up looking like a painting or a weather heat vision filter when I was hovering over the capital city, so I started zooming in.

It became interesting how all the different shades of red were displayed, so I zoomed in more.

And more in...

And then I stopped here because if I zoomed in more, nothing could be seen, but it was still interesting to see the color contrast.

Then I started to explore terrain features and found out that I could indeed create a 3D depth map texture. This one was set to a very high level.

Soon, I will start my experiment by first bringing the distribution down.I also looked for an angle where I could make better adjustments.

And ended up with this cool effect.

Before I published the website, I could see side by side how the original map looked like compared to the changes I made.

And here is a picture of my first successfully published map! Yay!

Activity 2

Since we did an experiment in my other class, this time I wanted to explore and use objects and functions that another teacher showed us. So, I started by looking at the objects. That's where I found a gold star and thought I could make a small animation with it.

So, I added a book I found, thinking, 'Oh, maybe I can make it into some kind of magical book.'

Here is the front view with all the parts I added to make it look like a magical book.

I also wanted to add a playful object, so I found a wooden toy train, thinking I could animate it to move in a circle.

But a problem arose when the object wasn’t curving, even though I played the animation to give it a moving-forward effect. So I tried using a target object for it to follow, placing a cylinder in front of the train.

I made the cylinder invisible, but it still didn’t work, so I changed the way the train will move.

So instead, it will follow the star and move upwards in a zigzag pattern. I even tried adding rotation, but it didn’t work.

So in the end, unfortunately, I let it stay in one place, and next time I will just download a separate model with animation that will go in circles and curves since this one can only go straight.

Here is the original illustration I made, which I put together in Illustrator.

There is the laser-cut phone holder with a design on it. I found some details that could be improved, such as either cutting the rectangle deeper or adding a white line around the stand, but it still looks amazing.

While watching Steve's tutorial, I uploaded the data about the coyote encounters in Oakville. There is a screenshot showing how it looked when I was uploading it, and it seemed very interesting to me.

Instead of using data-drawn circles, I started changing the settings with Steve's tutorial and also changed the color to a neon palette.

Following the tutorial, I started adjusting the size of the circle areas.

and continued following the tutorial...

until they become a lot smaller than it was at the beginning.

And, like in Steve's tutorial, I added transparency or opacity to the objects.

Then I zoomed in, and it looked so pretty. I really like this screenshot I took in this experiment.

Then I made a new map and changed the color palette to pastel hues.

Then I uploaded the cycling route data, and like in the tutorial, I used lines to show the data since it is the best way.

Then I zoomed in and adjusted more elements according to the tutorials.

I have this as my final outcome since I changed the colors to neon, but the problem was that the surface colors were too distracting. I kind of regretted using pastel colors; I should have used dark hues to make it more visible. But yes, this is the end of my experiments with data in Mapbox.

I know we are not doing 3D printing, but this video looks so cool with 3D printed maps. I was thinking maybe I could do something like this in Aero or Mapbox for the final project. <a href='https://www.youtube.com/watch?v=7mBSc-pxRvk&t=1s' target='_blank'><p>Here is the Video Link</p></a>

I saw another video featuring laser-cut mapping, which looked so cool, with blue representing the river and a black upper layer of wood as the street. It was so satisfying and amazing that it made me realize the direction I’m planning to take may not be very compatible with laser cutting. <a href='https://www.youtube.com/watch?v=fgCqQLAGLmo' target='_blank'><p>Here is the Video Link</p></a>

Spatial Workshop 1

The chair outside can be used for relaxation purposes, and the materials used are wood and metal (screws).

The cafeteria area, featuring couches used for relaxation and eating, includes materials such as leather, glass, metal, and wood.

The main building hall area, viewed from bellow view, is used for meetings or as a walking area, with materials such as glass, wood, plastic, and metal visible.

Spatial Workshop 2

This is the 3D model one of my teammates put together to showcase the vision for how the J Wing's second floor should look. It ended up resembling a tropical vacation spot.

The one on the left was made by me, and the one on the right was made by my teammate. This is our illustration of how to improve the space in the second floor of J Wing.

Here is a list we came up with that outlines the changes to the J Wing's second floor and their potential negative impacts.

Project 2

Final Project 2 Design

Bivariate Data Map of Toronto using Traffic and Open Building from Toronto Open Data.

Powered by w3.css