VisInfo Prj4

Final Graphs

Typography: Open Sans

Children Meeting Physical Activity and Screen Time Guidelines
Average Daily Screen Time (by activity)
Yearly Trends (Salisha)
Parents Knowledge of Physical Activity Guidelines
Untitled (Salisha) 
Amount of Parents that Frequently Play with Their Children 
Schools that don’t Mandate Physical Activity 

Main Graph

  • Parent’s knowledge of physical activity guidelines -> map graph (Malcolm)
    • Looking at the 1 hour percentage

Supporting Material: Current Statistics

Supporting Material: Barriers to Physical Activity

Solution (not graphs, it’s just apart of the overall narrative with an image)

  • Parents spending more time being active increases physical activity in children 
  • Parents spending less time on their phones decreases screen time in children 
  • (Visualization could show a parent doing some fun activity with their kid)

Possible visualizations

  • Sports & Screen icons -> .PNG files on Adobe Stock?
  • Setting -> Could be set in a playground, a school, backyard?
  • Maybe there is no setting (save the background style as one of the last things to do)


Statistics Canada:

Health behaviour in school-aged children 2002, student response to question: In the last 6 months, how often have you had the following symptoms?

Health characteristics of children and youth aged 1 to 17 years, Canadian Health Survey on Children and Youth 2019

Functional difficulties for children aged 2 to 4 years, Canadian Health Survey on Children and Youth 2019 (Rowan)

Canada’s population since 1960(Rowan)

Population providing care to a family member or friend with a long-term illness, disability or aging needs by sex and presence of children under 18 years in the household

Children’s participation in physical activities, in hours per week, by sex, household population aged 6 to 17, 2015 Canadian Community Health Survey – Nutrition, Canada and provinces

Time spent providing care to a family member or friend with a long-term illness, disability or aging needs by sex and presence of children under 18 years in the household (Malcolm)

Perceived health, by age group (Malcolm)

Selected mental health, economic and education indicators to better understand the impact of school closures during the COVID-19 pandemic on children (various reference periods)

The State of the World’s Children 2021

This site has quite a bit of information but it’s for the US

This site has a lot of useful links

There are a lot of mini datasets that can be easily combined

Topics that should have useful datasets but I have been unable to find

  • Nicotine or tobacco use among youth in canada
  • Eating disorders among youth in canada


Datasets to look at for the project:

Most useful chart, where we can use it as reference for making a trend graph.

Activity 11.1: 

Our group brainstormed possible topics for our mega map based on the graphs we worked on in project three. The topic we decided on is healthy living for children. The tasks needed to complete this goal are finding suitable datasets, creating individual graphs, and combining graphs into one unified visualization.

Activity 11.2: 

Identifying the audience:

  • People within the parent age range (people who are newly parents)
  • People who work with children 
  • Also child-appropriate(?) (who factor into the visualization)

Guide for Personas

  • Name: Melissa Parker
  • Age: 38 (still hip with the youth lol hahaha!!!)
  • Occupation: Business Analyst 
  • Status: Married
  • Lives in: Toronto, Ontario
  • Goal: For her children to outlive her. Promote healthy habits at a young age.
  • Frustrations: All the misinformation, and doesn’t know what to believe. Example; vaccines on COVID-19 misleading..
  • Behaviour traits: Helicopter parent
  • Background: A mother of two children, ages 7 & 14. She works remotely and her partner works outside of the house, and is concerned about her children’s health and isn’t knowledgeable when it comes to maintaining it to a healthier style. In the past, she wasn’t the best having a good health routine and fitness plan and doesn’t want the same thing to happen to her kids. 

User requirements:

Activity 11.3: 

General narrative: There is something going wrong, and action is required

  • Starting off with the obesity found in children
    • There is more health concerns now, things are getting worse
    • How to improve it. 
    • Effects how changing one thing affect the other

Reference Images: 

Final Datasets

From Canadian Fitness and Lifestyle Research Institute bar graph? (Table 2)

  • Children spend far more time on screens that they do being physically active 

From Government of Canada
  • Yearly trends for how well children are meeting guidelines

Activity Vs Sedentary time (Rowan) (Page 28)

From Statistics Canada 

  • Average amount of screen time by grade and gender followed by what screen time consists of – graph + icons (julia)

Not all group members contributed equally…


VisInfo Prj3


Best tool for exploring and analyzing data

  • Although Orange seems daily lightweight and competent at managing data, I think that the best tool for organizing and analyzing data will have to be Tableau as it allows you to export results as a PDF (Assuming that the PDF is vector based and can be edited using Adobe Illustrator)

Best tool for visualizing data

  • I have a strong preference for using Adobe Illustrator to visualize information, I am familiar with the software, enjoy using the application, and it offers limitless freedom in terms of presentation.
OrangeLightweightHighly modularLimited or difficult to learn visual controlsComplexUnintuitive UI
TableauEasy to useAbility to export to PDFCostly
IllustratorComplete freedom of dataComplete visual controlI am familiar with the softwareTime consuming


Find a correlation in your data set

(Made using Tableau)

Interpret the findings

There is a clear relationship here. For commercial / institutional consumers and residential consumers gas consumption steadily declined. Industrial consumption of gas dropped in April, but remained relatively consistent after that point.


Explore normal distributions in your data set

(Generated using Orange)

I struggled to get normal distributions working in orange or tableau, I was turned off by the scripting and advanced math that popped up when I looked up how to do it. I suspect that the result is inaccurate, as I had expected a positive skewed mesokurtic curve. If it had just been the green and blue distributions it would have been a Leptokurtic curve. If it had just been industrial consumption it would have been closer to a platykurtic curve.

I don’t entirely understand the math behind normal curves, so my expectations may be wrong, although I see no reason why industrial consumption would occur so late. I wonder if the values are being accumulated between time periods and rather than occurring 5 times (the amount of time points) they occur less often.

Variables that are not normally distributed:

  • I would speculate that none of the variables are being displayed normally due to user error or ignorance. 

Why they are not normally distributed

  • One possible explanation is that the variables have been established wrong or contain values that are not properly recognized
  • Another possible reason is a failure of understanding mathematics and or a failure to establish proper commands. 
  • A third possible reason is that there was there is insufficient data points to properly establish a curve


History of Life Infographicjuanchit history of life earth infographics infography poster life timeline history information print data visualization infographic Data pacificolab

This graph communicates the chronology of life on earth.

  • It is easy to parse visually and get a general understanding. The data elements are visually distinct, communicate using symbols, and are unified within the piece to assume grouped elements.

Issues of communication

  • It is not visually immediately apparent that the numbers are in millions of years or that it is measured relative to current time. This could be solved by adding a ‘-’ (minus) in front of the reference number and a ‘M’ after to signify ‘million’.
  • There is also some confusion regarding the radial divisions, particularly the inclusion of ‘long ago’ that seems out of place and the black bards which could simply be replaced by the colour of the category.


Words related my topic:

  • Health
  • Life
  • Death
  • Well-being
  • Medicine

Words relating to personality of topic:

  • Formal
  • Scientific
  • Medical
  • Cold vs compassionate
  • Sterile

Made using Canva


(Death by causes in 2019 of Canadian residents)

This data set may have too many categories to be visually successful. Although it appears most successful in its third form. 

Skull and crossbones icon

Here is a visual representation of how the data could be displayed

8.1 Relational information

Sample entity relationship diagram for a healthcare organization 

Example medical relational data 

Here is what might appear or be included while looking at youth health relational data


Another example of relational health data visualized

Improving the class-level relational visual

A possible visualization of instance-level relations


An example of chronological data recording to the topic

An example of displaying the data would look like this

9.1 Trend Analysis

9.2 Map

Total population of canada represents maximum value, population of P&T is a value represented as a colour (0 = 0, 255 = maximum value);


Population of P&T displayed as size, (P/T size = population / total canada population)

9.3 Charting

For this I improved the sense of scale in my sketch, using the full visual range to display the information. 


VisNar Prj3 Process & Script

Topic: building a PC, a how-to (not) guide

Why: It’s a bad idea to explain why you should build your own PC in a short presentation

How: Computers are complicated, you don’t need to know them to use them

What: Computer parts

Why would you want to build your own computer anyway? For money? What even is money? Look at these graphs! It’s all made up!

Some people say that building a computer is fun but that’s ridiculous. Sports are fun. Movies are fun. Making fun of people that build computers is fun. Computers are not fun

Other people say building your own computer makes your videogames run harder. But as we all know gamers are bad. Videogames aren’t supposed to go hard. It’s in the name VIDEO game, the game should just play itself while you stare at your phone and briefly glance up. 

Pfft Building a computer is supposed to make you smarter at technology? C’mon, it’s all a lie. Computers don’t make sense. The people who say they understand computers are just lying because they want other nerds to think they’re smart.

What even is a computer? It’s a rock that thinks. All the other parts are just there so that companies can sell you more things!

Like they call this dumb sheet with lines on it a motherboard. Come on, they’re not even trying to make it sound believable. What do computers have to do with mothers?

Ram? That’s just a metal rectangle! They call it that because you probably have to ram it in there in any spot you can find! It doesn’t do anything! You can just download it!

Don’t even get me started on fans! They’re literally just there to make noise so it sounds like it’s doing something! It just moves air around and it’s completely useless.

And then there’s this thing called a ‘psu’ and it’s literally a metal box! Just use a cord, sheeple!

Graphics card? More like credit card! You can’t even buy these things! And what are supposed to do with them? Make graphs? If you need a graph just draw one!

SSD? HDD? Storage? Listen man I’m not running an acronym locker here, just give me the one that holds the most room for pictures that I’m going to look at once and then ignore and never delete. 

RGB lighting? Just open a window. Why are you people still buying this stuff! Where’s the CMYK option?

Some nerds like to talk about keyboards. Mechanical vs membrane! I don’t see what this has to do with biology but computers are digital! 

Monitors? 1080p? 4k? Why would I pay 4 thousand for a screen? What about refresh rate? What does that mean? 128 hurts? Are we playing pokemon, why does our screen cause damage? Is that a lot? Is that a little? Nobody knows!

CPU? What does this have to do with star wars? I’m building a computer not a robot that beeps! Oh wait I think that one that might be the rock that thinks. Okay so that part you need, but you don’t need all this other junk just plug your HDMI cable into the thinky rock and you’re good to go!

I almost forgot about network cards! You see what I mean about them not even trying to pretend that this stuff does anything? Everyone knows that the rock that thinks connects automatically to wifi. Stop with all this upcharge.

At this point they’re just getting sloppy with their naming conventions. Computer mouse? They literally just have someone sitting in a basement somewhere coming up with computer parts and naming them based on things they see and adding ‘computer’ to the name!

With all that in mind, you are now completely prepared to not build your own computer. That stuff’s for nerds anyway. Go do something productive with your time instead, like bullying geeks or learning guitar! That way Breck will think you’re COOL and not a NERD! (And he will be obligated to give you a high grade, it’s the law)

Slideshow Link


VisNar Prj2

Vimeo Link ‘Escaping Syria’

Documentary Assignment

The video that made me recontextualize the phrase ‘allahu akbar’  This video is incredibly powerful and I suggest you watch it.

Rafat’s experience as a syrian refugee

Talking points to lead to deeper insights

  • Rafat lived in a syrian refugee camp for years
  • Rafat’s family still lives in a refugee camp
  • Rafat sends money to his family
  • Rafat has seen war
  • Rafat is in BFTV
  • Rafat works as a video editor
  • Rafat is overworked
  • Rafat receives or received money as a sponsored refugee

Omar’s story

  • Omar has photos of his house after shelling, which are visually compelling and elicits an emotional response. 


These are the sources which I used in the final product

Intrigue / hook:

What it was like having to run and with only the clothes on your back

Raising the stakes:

The things you need to do to survive

Target audience:

People like myself that have a fragmented knowledge of muslim countries, or have not experienced war and may not grasp the severity of the experiences


The ‘setting’ is syria, although the interview will take place in my apartment


  • Canon camera
  • Lighting Kit
  • Microphone


  • Lifestyle, where he lived, education, social life, family life
  • Beginning(?) of military conflict in Syria (march 15th, 2011)
  • How conflict changed the way he lived his life
  • The horrors of war
  • Evacuating from city
  • Moving into refugee camp
  • Living conditions in refugee camp
  • Where his family is now, what they’re going through

Recording Setup

Colour Correction

Order of events

  1. Introduction
  2. Helicopter fireworks
  3. Arrests
  4. Fleeing to border, turned away
  5. Smugglers to second gate
  6. Bombing
  7. Mother leaves, sneaking past checkpoints
  8. Mountain trek
  9. Arrival at border, safe feeling
  10. Looking back

Getting audio consistent!

  • Create new audition files from recording1 recording2, recording3
  • Try with just hiss reduction, try with just noise reduction from print, decide which goes first and if both are beneficial
  • Hiss reduction (8, 24)
  • Noise reduction from print (20, 15)
  • Denoise (40) (this may be degrading the audio)
  • Rename new audition extractions so they’re identifiable
  • Replace current audition extractions with new audition extractions
  • Remove previous audition extractions
An incredibly powerful video


VisInfo Prj1


Activity 3.1

John Snow is a significant historical figure in the field of epidemiology, the study of how illnesses spread. 

This came at a time that Cholera was not well understood and it was believed that the illness was spread through the air. John imposed data of an outbreak over a map that led to the discovery that cholera was not airborne, but occurred nearby water pumps that  carried tainted water.

Activity 3.2

Noelia, Rowan, Holly, & Sara

Relationship: scatter plot of spending vs income.

This graph shows a clear relationship, with a strong linear grouping. One issue might be that there seems to be two groups which makes any findings or results not immediately apparent.

Time frame or trend: google searches for ‘dystopia’ and ‘utopia’ between 2004 & 2021

The graphs have a lot of visual contrast and can be visually compared with ease, although the graph lacks clarity of information. Without interacting with the graph the user is unable to identify the year on the x axis, or the value on the y axis. 

Composition: Pie chart of wealth distribution

Data is represented by overall size or relative value, groups are easily distinguished making this graph successful at communicating information on first glance.

Comparison: Bar graph of spending

Values are visually compared in a way that does not incorporate relative values or percentages. The differences are immediately apparent without spending much time looking at the graph. 

Activity 3.3

  1. Visualization and illustration
  2. Working with data & data analysis
  3. Narrative & Storytelling

Activity 3.4

  1. Innovation, science, and development
  2. Infrastructure and communities
  3. Transport?

Grouping with Malcolm Darko, Julia Correia, and myself. The topic is Health & public safety.


Activity 4.1

Canadian monthly natural gas distribution, Canada and provinces (x1,000)

Categorical variables

  • Deliveries to industrial consumers
  • Deliveries to commercial and institutional customers
  • Deliveries to residential consumers

Time and date variables

  • March 2021
  • April 2021
  • May 2021
  • June 2021
  • July 2021

Numerical data, corresponding with each of the categorical variables combined with each of the time variables. 

Activity 4.2

This can be displayed a few ways. Potentially the best way to display the entire dataset is by using a line graph for comparison.

Perhaps the best way to display the categorical variables within a single time variable would be to either use a pie graph for relative composition or a bar graph for comparison.

Made using Meta Chart 


VisInfo Prj2

Challenge: Find an object that can be explained visually with images or diagrams in 5 steps or less.


Ideation: How to paint tabletop miniatures(apply primer & wait 24 hours, prepare miniature paints(shake lightly, squeeze a bit of the paint medium out, shake well, squeeze a small amount of paint into a container to apply to paintbrushes. Repeat steps for each colour of paint, skip removing medium if paint has been used before), apply paint to miniature and wait 24 hours, apply varnish or sealant on the miniatures either with a brush or aerosol spray and wait 48 to 74 hours) This would require me to convey a lot of details that may not be immediately clear based on pictures and diagrams.

Ideation: How to shuffle a deck of cards. I am not great at shuffling cards though and there are many accepted ways to shuffle.

Ideation: how to play magic the gathering. I though this might be a fun idea, but I don’t know very much about it and there are a lot of steps and “phases” of a turn, as well as an insane amount of possible actions or interactions based on the card.

Ideation: How to prepare a drone for flight. This might require more than 5 steps, specific technical terms, and would be easy to photograph but difficult to create diagrams or illustrations for.

Ideation: How to replace a toilet roll using a spring-loaded holder. This can be easily explained in five steps or less and I would have a lot of freedom in working with photos, diagrams, or illustrations.

Ideation: How to use an Etch A Sketch. This is slightly more visually complex than a toilet roll dispenser but still only has a small number of steps. (shake Etch A Sketch vigorously to clear the display. Rotate left dial counter clockwise to move pointer left. Rotate left dial clockwise to move pointer right. Rotate right dial counter clockwise to move pointer down. Rotate right dial clockwise to move pointer up.)


Part 1A: Name and titles of parts – Left Dial, Right Dial, Display, Shell, cursor/pointer/pencil?

Part 1B: 5 Steps to using the product –

Shake Etch A Sketch vigorously to clear the display.

Rotate left dial counter clockwise to move pointer left.

Rotate left dial clockwise to move pointer right.

Rotate right dial counter clockwise to move pointer down.

Rotate right dial clockwise to move pointer up.

Part 2: Process Documentation (this blog site)

Part 3: Product audience, user needs, user knowledge, user abilities.


According to the Etch A Sketch FAQ‘s, the product is for children ages 3 and up, but can also be enjoyed by adults. Using this information we can deduct that the product is marketed to adults with young children, and because the product has been around for a very long time there is a secondary, smaller demographic of adults that used the product as a child and have fond memories or feeling of nostalgia toward the product.

So if the end user of the product is children as young as three they would be unable to read a manual and it would be a parent that reads it and attempts to relay relevant information to the child. If a child as young as five is using the product it would be unreasonable to expect the child to read and understand any technical or complex information, although a parent would be able to communicate more concepts and instructions to them.

The decision to make in regards to how much information is presented comes down to whether the instructions are being presented to the end user or to an accompanying adult.

If the reader is a child it’s important that there are very few simple words, if any at all. The information must be presented visually and simplistically, it would need to be immediately evident how the object is interacted with.

If the reader is an adult accompanying a child there can be detailed instructions and technical information presented, and the adult can decide how much information can be effectively communicated to the child. For instance, if the child is seven the adult could share some information on what’s inside the object and how it functions or other ‘fun facts’ to pique their interest. Alternatively if the child is three, the adult would know that they could not communicate verbal instructions and would instead need to interact with the object so that the child can see how it operates and interact with it while supervised.

I believe the most effective way to communicate information and instruction to the end user is to incorporate colour diagrams(large, taking up maybe 70% of the total page) that are as simple as possible, so that if a small child glances at the guide they might be able to intuit some of the interaction. The text on the page should be targeted toward adults and can be more technical and in a smaller font (maybe 16pt – 8pt, assuming that the guide is printed above 150DPI, if the guide is in digital format I wouldn’t go smaller than 10-12pt). The text can include details about the mechanisms of the object and how it works, possible interactions, and(potentially) a diagram of the internal parts(as long as it does not visually distract from the larger visuals and confuse the child)


Early studies
Early hero graphic
Updated flat graphic
Early layout design
Shake to clear screen graphic
Output with bleed marks


Final font choices: Marker SD and Futura. Although Marker SD is not the most amazing font, it is very legible and has a childlike quality to it. Futura is very legible and modern, and pairs nicely with many typefaces but very much so with a loose display font.

Issue: background colour is the same as used in graphics.

Solution: Background colour was desaturated to prevent visual competition with the foreground.

Issue: legal text look uncomfortable justified

Solution: Legal text is aligned right for a sense of visual movement, there is a slight difference between left align and right align. Left align feels okay, but right align leads the eye in more of a diagonal that keeps the page moving

Issue: With an 8.5 x 11 page there isnt much room for page reduction when it comes to bleed marks. I had to reduce bleed to 0.05″ which doesn’t do much for the printer, and it’s entirely possible that the bleed marks don’t show up due to printer pages shifting. When you print you do an entire stack of pages and each page shifts a tiny bit, so if you use the top page for bleed marks the bleed needs a lot of room or you will end up with a lot of pages that have white coming through. Bleed marks can’t be larger without reducing the size of images (which is a problem because the images need to be intuitive to very young children)

Solution: Removed emphasis of bleed marks, focused on providing a compelling digital experience.

Issue: The title feels very flat and doesn’t have any visual intrigue.

Solution: Used existing colours and a modified rectangle to give the title a sense of overlap and a little bit more unity with the rest of the page.

Issue: although proximity distinguishes the list of instructions, it lacks visual contrast and can blend in with the other information on the page.

Solution: In a similar style as the title, used a modified rectangle that travels on the same diagonal as the title, but reverses the colour from the title. This creates contrast and seperates the instructions from the rest of the page

Issue: The hero image is compelling but lacks distinction and it needs to ‘pop’ a little bit more

Solution: With the introduction of diagonal modified rectangles, a little bit of the ‘pop’ is added by having the hero image overlap with the instructions rectangle. The outline colour was changed from white to black and a drop shadow was applied to give it extra three dimensionality.

Final Product

Alt final with labels. I prefer the final without labels as text should not visually distract the reader as they could be a small child. The visuals should be able to communicate to the reader without the inclusion of text.