Information Design

Information Design

Information Design

How might we visualize data and encode a lot of information while keeping it comprehendible? In the course Information Design 1, we worked on four major projects throughout the semester that focused on different types of data and different ways to communicate them.

How might we visualize data and encode a lot of information while keeping it comprehendible? In the course Information Design 1, we worked on four major projects throughout the semester that focused on different types of data and different ways to communicate them.

How might we visualize data and encode a lot of information while keeping it comprehendible? In the course Information Design 1, we worked on four major projects throughout the semester that focused on different types of data and different ways to communicate them.

Data Visualization, Animation

Type

Data Visualization, Animation

Type

Data Visualization, Animation

Type

Data Visualization, Animation

Type

Designer

Role

Designer

Role

Designer

Role

Designer

Role

4 Months

Duration

4 Months

Duration

4 Months

Duration

4 Months

Duration

Information Design 1

Class

Information Design 1

Class

Information Design 1

Class

Information Design 1

Class

Murals on Northeastern's Campus

This map explores the murals on Northeastern’s campus, the artists who have created them, the dates they were created, and much more inferred data. Each dot color represents one artist. The size of the photos of murals indicate its popularity on campus. Read the label to see the artist and artwork name. You can locate this dot in the…

  • world map—to find where the artist is from

  • campus map—to see where the mural is on campus

  • timeline—to see when the mural was completed.

Butterfly Metamorphosis

GIFs have the ability to share a lot more information than still images can. In this case, I have created a GIF that investigates the power of transformation to communicate the structure of an idea or system.

In this simple hand drawn gif, you can simply and visually understand…the process of how a caterpillar becomes a butterflywhat the stages occurthe duration of the stages

Colleges in Boston

Boston is one of the country’s biggest college towns, and in this stretch of land alone there are 13 different colleges. Using data visualization techniques, we were able to encode lots of different information into one map.

Encoded data:

Acceptance rateGraduation rateYear establishedOfficial logoAverage tuition costUndergraduate Student PopulationLocation

Tree Conditions in Commonwealth Ave

The Commonwealth Avenue Mall in Boston, designed in 1856 by Arthur Gillman, is a vital public space in the French boulevard style that spans 32 acres. It serves as a hub for exercise, recreation, and social interaction, connecting Back Bay with the Boston Common. Historically, such promenades were essential for social visibility.

Our project aimed to explore how greenspaces transform communities and foster social activities through data visualization. We mapped social and tree conditions on one block of Commonwealth Avenue, detailing residential areas, roads, and the mall. Tree data included species, trunk diameter, and location, while social data covered space usage.

The design emphasized clarity, using intuitive colors and shapes for easy understanding. Iterative revisions focused on depicting activities and integrating feedback to enhance communication. Inspired by various mapping methodologies, we highlighted the social and environmental significance of the mall, ultimately illustrating the broader impact of urban greenspaces.