Data Visualizations

Examples of my data visualization projects from 2019 to 2020.

D3.js

Examining Credibility of Datasets

Making Data Interactive at Emily Carr University of Art & Design
March 2019

In this course, I learned to make interactive data visualizations with D3.js. Analyzing a public data set on "The Most Attractive Attributes in Romantic Partners", I wrote a data journalism piece on the credibility of datasets and their social implications.
Interactive D3.js point graph on Glitch

This point graph compares the percentage of female (pink) versus male (blue) participants from different countries who said personality is the most important attribute in a romantic partner.
Interactive D3.js point graph on Glitch

This point graph compares the percentage of female (pink) versus male (blue) participants from different countries who said looks are the most important attribute in a romantic partner.

Interactive D3.js bar graph on Glitch

This bar graph compares the percentages of each attribute that the male participants voted were the most important in a romantic partner across different countries.

Tableau

Strategies of Using Data to Support a Hypothesis

Making Data Interactive at Emily Carr University of Art & Design
February 2019

Each student used the same CSV dataset on drug usage from the 1990's to support their hypothesis.

My hypothesis was for the audience to see that hashish and marijuana has become more accessible compared to other drugs over the years, and that the usage of this drug increases drastically from age 13 to age 15.

Area graph made on Tableau using drug use dataset
Area Graph
Because the emphasis of this graph is on the filled area of the shapes, it makes it seem like many 15 year olds are using marijuana compared to 13year olds and other drugs.

In addition, the scale is used hereto bring emphasis on the trends (the steep rise in marijuana usage) as it caps at around the value of only 30. The steep rise is also misleading as data in between the values are skipped.
Bar graph made on Tableau using drug use dataset
Bar Graph Compared to the other visualizations, it shows the changes in marijuana usage between each year the most drastically, as the bars stagger with big differences.

As the colours of the bars are the same, this graph purposely makes the data about marijuana stand out compared to the rest of the drugs and places emphasis on differences of drug usage between each drug rather than between the age groups and years.
Stacked bar graph made on Tableau using drug use dataset
Stacked Bar Graph This graph emphasizes the drug use in 15 year olds the most. Because so much of the graph is orange coloured compared to navy, it leads the viewer to think that 15 year olds use drugs a lot more frequently than13 year olds. As the bars are stacked, the data set of 13year olds does not start at 0. This makes it difficult to compare the frequency of drug use for 13 year olds in each drug category.

P5.js

Interactive Live Weather App

Emerging Technologies at Emily Carr University of Art & Design
January - March 2020

In this course, I learned to make interactive data visualizations pulling live weather data from the Dark Sky API. We used a local host server. The search bar allows the user to search different locations.

Temperature
background colour
Humidity
size of particles
Windspeed
speed of particles