CPSC 683 - InfoVis

exploring information visualization


September 2017


The Depth of the Problem – Richard Johnson and Ben Chartoff – The Washington Post. https://www.washingtonpost.com/apps/g/page/world/the-depth-of-the-problem/931/ , Linked September 2017 Sometimes numbers are too big and it helps to benchmark them against more tangible objects such that the scale isn’t lost… Continue Reading →

Where the Animals Go

This is from an article about a new book called Where the Animals Go by James Cheshire and Oliver Uberti. This picture seems to be a part of a series that goes into more depth, but this gives an overview of baboon… Continue Reading →


This is another AR visualization of some global data visualized on top of a globe. I think this is much more interesting than the previous example I posted because it takes advantage of the 3D capabilities by using a 3D… Continue Reading →

Space usage in AR

While looking for ideas on how I might visualize information using AR, this is something I came across via Google. I don’t know what the data is that is being visualized. There’s a lot going on here but I can’t… Continue Reading →

Sketch 10

This is one of the ten sketches I drew for my data set. I plan to use AR to visualize the data. I noticed that during my sketches I was sort of planning out ways for users to interact with… Continue Reading →


This is a cool word visualization I found through Google that shows which emotions are portrayed by each song on the Beatles’ album Revolver. I like that they’ve chosen to highlight only one song at a time instead of showing… Continue Reading →

What is this?

There has definitely been a theme my recent posts! This is me trying to gather ideas. Another Google search result for word visualizations is here. I’m not at all familiar with this style of visualization so I don’t know how… Continue Reading →

Category bubbles

And another word visualization! This one is a bit different in that shows how many times words in each category are used. I assume that many words fall into multiple categories, such as “taste” and “sour”. This is another image… Continue Reading →


I’ve spent some time investigating different ways to visualize words since I will need to do this for my project. This is another one I came across that was presented to me on Google Images. I like how this one… Continue Reading →

Global Forest Watch has created visualizations of watersheds. Here you can see Erosion as compared to Potential Forest Gain.

data sketch

thinking about constructive visualization, and playing with ideas to map my data into Lego space…

The Sound a Car Makes

September 30 A group of 28 students wrote down the sound a car makes. I created a simple visualization to show the differences in their responses.

Extinct Species

https://www.flickr.com/photos/networkosaka/3581969837/sizes/o/in/photostream/ At first, I thought this image is considering all species and that’s why I was very interested to find out the exact percentage of species that are endangered. But, when I saw the section between 51-100 years I was… Continue Reading →

Menu Vis

https://www.pinterest.ca/sol333/data-visualization/ , Linked September 2017 (I am not sure if this is the original poster but I wasn’t able to find another instance) My last few posts have been a bit more serious but I thought this was quite a… Continue Reading →

A Brief History of CO2 Emissions

This 3D visualization reminded me of the ones discussed in last week’s paper. It’s very aesthetically pleasing and helpful to identify trends, but I can see how there might be issues of obscuring certain views. On the site, you can… Continue Reading →

Source Code Visualizations

Although I am putting up a static image but you want watch the entire visualization please visit https://www.youtube.com/watch?v=S3OXyJBb5FA. Great idea how the entire journey of creating a software project can be visualized and documented for future references.

Lego vis

This wasn’t the visualization my group chose to present in class but it was the one I had the most fun making. We originally had the idea to build numbers out of lego to represent the amounts in each category… Continue Reading →

Global Forest Watch has created visualizations of watersheds. Here you can see live Forest Fires globally, from the last 72 hours as compared to Tree Cover loss from 2001 – 2014.

Visualization of my visualizations

This is kind of tongue in cheek. This is a visual representation of my posting habits to this visual blog. After reading through a few other posts, I began to get a feel for what certain people liked and a… Continue Reading →

Neural Net

Source Pulled from a video published by Cyber Controls which visualizes how a perceptron neural net “thinks.” As displayed by the annotation, only 2% of the network synapses are shown. This makes me realize that visualizations can not only show… Continue Reading →

flight routes of the world

There’s no bundling or fisheye-ing of routes, and it’s difficult to make sense of individual routes in the jumble of spaghetti, but even this “all” view shows useful patterns – you can see hubs, branching points, gaps. Interactive version via… Continue Reading →

Visualizing Firewalls

(http://cipherdyne.org/LinuxFirewalls/ch14/fig14-14.png)   Data from firewalls and from intrusion detection systems analyze network traffic and being capable of visualizing them could provide a large insight to cyber security. One possibilty is to use a directional graph-like structure where arrows are used… Continue Reading →

Visualizing Binary Files

(https://i.stack.imgur.com/EgQhw.png) We are used to seeing binary files as text and many times haven’t tried to visualize them as images. One technique is to take all 256 possible characters in the ASCII system, convert them to binary, and plot the… Continue Reading →

Sierpinsky Triangle

(http://ecademy.agnesscott.edu/~lriddle/ifs/siertri/sierpinskiGasketLarge2.gif) Sierpinsky Triangle or the Sierpinsky Gasket is a fractal with an overall shape of an equilateral triangle which is recursively subdivided into other smaller equilateral triangles. Its default implementation occurs in 2D  but it can be implemented in 3D… Continue Reading →

Nose Hill Park Leaf Art

September 29 As an extension of our previous leaf visualization, we decided to create a more artistic version of the data, showing the patterns of seasons.

AI Senses

This is one of many visualizations of how smartphones “see” available on Kim Albrecht’s site. Here is his description of the project (taken from his site): “This project visualizes raw sensor data that our phones and computers collect and process,… Continue Reading →


This is the bulletin board that is situated in the math sciences building hallway. The repeated posters shows which events are advertised more than others or even who was most determined to advertise their event!

Fisheye Campus Map

This is the campus map that is displayed for visitors to the university. It is a good example of a fish-eye perspective. The larger image shows the main campus buildings in more detail whereas the smaller image shows that same… Continue Reading →

Pins and Needles

This is the push-pin colour preference that the person who sat at my desk before me had. I thought about laying them out like this to get a more visual perspective on the colour comparisons.

Political Relationship Matrix

If you are someone who is confused about how various political parties are related in middle east, this matrix might help you get a better idea.

Cellular Automaton

(http://mathworld.wolfram.com/images/eps-gif/ElementaryCARule030_700.gif) Cellular Automaton is a representation composed of colored cells within a grid that continuously evolves based on a set of rules. This technique is used under many studies regarding “controlled randomization” as these generate seeming random coloring but are… Continue Reading →

Space utilization within a home

From GothamCulture, a link to an article on Life Edited: Each dot on the diagram below represents the location of one family member during a 10-minute interval. Not surprisingly, most families spend much of their evenings congregating in the kitchen… Continue Reading →

Facebook Networks

“NETWORK OF 340 FRIENDS WITH CLEAR COMMUNITY CLUSTERS AND SEVERAL SIGNIFICANT FRIENDS IDENTIFIED BY BETWEENNESS CENTRALITY WEIGHTING OF NODE SIZE” https://kimoquaintance.com/2011/08/22/what-can-we-learn-about-somalis-from-their-facebook-networks/ , Linked September 2017   What can we learn about Somalis from their Facebook networks? by  KIMO QUAINTANCE published 22/08/2011… Continue Reading →

Elements of a prize-winning novel

This graph can be considered as qualitative data visualization. Common categories are clearly visualized in the graph. Book covers have been used to visualize the books.

Global Forest Watch has created visualizations of watersheds. In pink is Tree cover loss from 2001 – 2014.

Distribution of oldest trees

In this graph, spatial distribution and time properly visualized. The green background is appropriate as this visualization is on trees.     source: https://ubersuper.com/the-earths-oldest-trees/

3D visualization options

  This poster shows 3D infographic elements. I like that they have use the paper as surface and all the elements follow the base layer. source:https://graphicriver.net/item/infographics-design-elements/4676313?ref=pinterest&clickthrough_id=1093900214&redirect_back=true

List of visualization options

I like this graph summarized different types of data visualization.   source: http://www.coolinfographics.com/blog/2015/9/1/how-to-think-visually.html

Health: Equality vs Equity

The difference between equality vs equity has been clearly visualize in these graphics. Both of the graphics are based on the same concept. These figures clearly indicates that equity is important than equality.     source: https://healthequity.globalpolicysolutions.org/about-health-equity/   source: http://www.montana.edu/cairhe/news-events/article.html?id=16448

Ancestry.com has nothing on this

Source A version of the tree of life which shows the genetic relation between species. This one is considerably more informative as it also explores the relation over time. The radial nature of time in this visualization is an interesting… Continue Reading →

Health: risk factors

WHO health research risk factors are visualize depending on the important. The factors mentioned in center closely related with health outcomes compared to the distance factors. Even though, this graph does not have any data, the figure nicely visualize the… Continue Reading →

Birth month and disease incidence

  seasonal differences in diseases is nicely visualize in this graph. I like that they have used the sun to indicate different seasons.   source: http://newsroom.cumc.columbia.edu/blog/2015/06/08/data-scientists-find-connections-between-birth-month-and-health/


  This graph contain links as well as different types of bar graphs. I like that zooming out would provide more information. source: http://circos.ca/intro/genomic_data/

Nose Hill Park Leafs

September 28 A friend and I visited Nose Hill Park and decided to collect, then visualize our findings. Included is a time-lapse (IMG_1693) of us putting it together. We arranged the leafs by colour, then placed items that “didn’t fit”… Continue Reading →

Not a pie graph

This chart was in a paper I had to read for another class called Methodology Matters by Joseph E. McGrath. It classifies different research methodologies into quadrants. I found this interesting because it took me a while to realize it… Continue Reading →

Google bus times…

I really hate the way google maps has chosen to display the bus times. Is it too much to ask to be able to easily see the exact time the bus will come instead of the relative time? Am I… Continue Reading →

Words words words

The data set I’ve chosen for my project depends a lot on words and phrases, and I’ve been struggling to come up with interesting ways to visualize it. I turned to the internet for inspiration but it seems the world… Continue Reading →

AR Vis

I’m going to be doing my thesis research in augmented reality, so I googled some images of visualization that have been done in augmented reality so I can explore ways to combine this course with my research area. I found… Continue Reading →

Bitter Taste

This graph proves every person has different tastes. For example, I don’t know how red apples was placed below the X- axis. Also feels like peaches were placed uncomfortably high.

Sketchbook Book

In the spirit of finishing our 10 sketches, here’s an image from the Infographics Designers Sketchbooks (which I’ve never read, but appears to have many pretty pictures, some from Giorgia Lupi of Dear Data). Some of these are very detailed and make me feel… Continue Reading →

Practice in Futility

Source Many of you may know about this image which is the Free speech flag. For those of you who do not know about this flag, this image is actually the cryptographic key for HD DVD and Blu-ray disc copying…. Continue Reading →

Map layers

It is difficult to create a map to represent real world in a digital map. Different layers is helpful to clearly visualize selected properties.    

C-train map

This map does not include scale or accurate direction. However, it is easy to understand for general public.

Corruption and development

It is difficult use label to identify all the countries in the graph. They have selected useful countries related to the study/purpose. source:

thinking about violin plots

Encoding density data in a chart – I’m also wondering how I could adapt these to show temporal data, by grouping…


Relationship Visualization

A Multidimensional Approach to Characterizing and Visualizing Latent Relationships in Enterprise Social Networks by Michael J. Burns and Brian D. Friedman I would categorize this as a bad visualization. It is visually unappealing(feels very 1990s) and there are several visual variables being wasted… Continue Reading →


(https://i.pinimg.com/736x/37/ef/85/37ef85aae6b98acb8a193574219b0a1a–surrealism-painting-train-art.jpg) Surrealism is an art style that distorts the interpretation of reality. The unreal becomes blended with the real, and our perception is completely modified.

Facebook Matchup Game

September 27 I decided to create another social media game / visualization. Match up the status with the person who posted it. In this example I did not use the real names of my Facebook friends to hide their identity.

Sleep Schedule

Source A dad made a visualization of his daughters sleep schedule after her birth. Each layer represents a single 24 hour period. I like how you can see that the daughters schedule completely inverted within her first few weeks. Even… Continue Reading →

Scrum Board

A photo of the Scrum board in my office. I thought it was neat because you wouldn’t normally think that post-it notes on a whiteboard would be a visualization, but in this scenario my coworkers and I decided that this… Continue Reading →

Procrastination Chart

Image source: Graphjam.com For me there should be a part for playing computer games. But the pink color portion would be quite small for sure. In addition there would be lots of power naps.  

NO MORE MONKEYS…. seriously… stop.

Source(Hart. V., Segermna. H. “The Quaternion Group as a Symmetry Group.” Proceedings of Bridges 2014: Mathematics, Music, Art, Architecture, Culture. 2014) Stereographic projection of four dimensional objects in 3 dimensional space. An interesting approach to understanding higher dimensional data. Helps… Continue Reading →

Sloane’s Gap

Source (Gauvrit, Nicolas; Delahaye, Jean-Paul; Zenil, Hector. “Sloane’s Gap. Mathematical and Social Factors Explain the Distribution of Numbers in the OEIS”. eprint arXiv:1101.4470. 01/2011.) Sloane’s gap is an interesting phenomenon that was only discovered due to this visualization. The x… Continue Reading →

Visualize Concepts

Source When I see this animation, I think of the purpose of visualizations in general; They are used to associate an abstract concept to a visual. This specific gif uses a visualization to explain the process behind Fourier Transformation which… Continue Reading →

9 trillion gallons of water

As hurricanes Harvey and Irma dumped water on Houston, the numbers were beyond comprehension. How do you make sense of 9 trillion gallons of water? That’s a lot, right? The Washington Post came up with this: It’s not a chart… Continue Reading →


(https://en.wikipedia.org/wiki/Anamorphosis#/media/File:Anamorphosis_chair.jpg) Anamorphosis is the use of distorted projections that require special devices or vantage points to recreate the original image. This technique has been used many time to hide information within images, where only the knowledgeable viewer would be able… Continue Reading →

CO2 Emissions and Income

On this round of “I Think This Is a Cool Concept, But Your Lack of Labeling Confuses Me,” I introduce this graph originally published by Oxfam, and reproduced in the above Vox article about population and the environment. So, I think… Continue Reading →

Taken from a video about an installation by Roman Ondak at the Tate where 90,000 participants have recorded their personal data.

Blog Conversation Topics

ConVis: A Visual Text Analytic System for Exploring Blog Conversations By E. Hoque and G. Carenini This Visualization is very similar to the book theme one I posted earlier. This one shows the topics of blog posts. Interestingly it is almost… Continue Reading →


(https://photo-viewbug.s3.amazonaws.com/media/mediafiles/2014/02/06/10372651_large1300.jpg) The eyes of this cat are absolutely stunning to me – however, if an information visualization was represented as those eyes, it would look amazing, but no information can be gleaned from it. I’ve been working on visualizations all… Continue Reading →

Lazy, or creative?

(http://assets2.ignimgs.com/2016/04/22/pyrejpg-6d9f3e_1280w.jpg) This image is actually from one of my all time favourite games – Pyre. I remember playing games by the same maker and thinking that, “Wow, I feel like their art style could be better.” However, when I was… Continue Reading →

Human Perception

(https://staticdelivery.nexusmods.com/mods/110/images/54466-1-1401582271.gif) I was talking with one of my coworkers yesterday about the level of detail needed within a visualization, and whether we could reduce detail in order to improve performance. While we were having our discussion, he brought up how… Continue Reading →

Star Glyphs

From another project that we are working on in our lab, also to do with Nova Chemicals. Also done by my coworker, but I remember seeing this visualization and completely taken aback by how much information you could actually gain… Continue Reading →

Colour Schemes

(https://github.com/d3/d3-scale-chromatic) I was talking to a professor yesterday and we started discussing colour themes for using in visualizations. He also brought in the idea of using hue and saturation as two different visual variables, which brings me to this image…. Continue Reading →

Detailed Mesh Creation

The lab that I’m currently working in (Agile Surface Engineering Lab) had a project with Nova Chemicals throughout the summer. This code is actually written by a coworker of mine, but I actually thought he did a fabulous job with… Continue Reading →

Design vs Visualization

(https://www.upwork.com/hiring/design/what-is-3d-visualization-who-does-it-why-do-you-need-it/) I think the fact that they call the second image a visualization is not really accurate – from what I can tell, it does not provide any actual information about anything, just the fact that it looks cool.


September 26 I got a haircut. In many wait the cut hair on the floor is data. It’s how much hair I grew over the past ~3 months.

Wind Map

Wind map is an art project created by Fernanda Viégas and Martin Wattenberg. It makes the invisible visible using near-term wind speed forecast data from the National Digital Forecast database, which is updated hourly. In fact their work became so… Continue Reading →

Don’t Always Trust Your Sight

(https://richardwiseman.files.wordpress.com/2011/05/faces.jpg?w=620) Animals process information by heavily relying on sight, however, can sight always be trusted? Try to see how many different images you can find in the picture.

Sankey mockup

I’ve been frustrated because I’ve been looking at my project data (space bookings for courses in the Taylor Institute) with such a rigid timeline/calendar perspective. I wanted to try something different, to see what a non-chronological interpretation of the data… Continue Reading →

Came across this viz by IOHANNA PANI although there is no explanation of the data. Lots of questions about how this is made.

Event Marking

Track National Unemployment, Job Gains and Job Losses, By Andrew Van Dam and Renee Lightner. http://graphics.wsj.com/job-market-tracker/ ,Linked 2017 September I like the way this visualization marks the recision. It helps explain the data trends by marking events that happened in the… Continue Reading →

Proving the best Star Wars film with data

Okay, so I’ll be the first to admit that this bar chart isn’t much on its own, but within the article, it’s the climactic conclusion of which Star Wars film is the best. The Medium article uses various data visualizations… Continue Reading →

The Reach of a Tweet

September 25 I wanted to visualize the reach of a tweet, so I drew out a map of all quotes, favourites, and retweets my last tweet had.

Logo Drawings

This is one of many diagrams showing the accuracy of drawings done of company logos from memory (check out the link for more fun examples). I wanted to bring some attention to it, though, because I was somewhat confused when… Continue Reading →

Air Purifier

This plant is supposed to be an air purifier for homes. Thus, the number of leaves in this plant are proportional to how clean the air is in my house. It is a direct physical representation with cause and effect.

Mind your step – data vis

September 25, 2017 Found this data visualization while browsing the net and thought it deserved some additional love.  I thoroughly enjoy the aesthetics of the data visualization as not only does it seek to make the most important facts predominantly… Continue Reading →

Frozen in Time: Not a Sculpture

This is a sculpture that I made in my grade 11 art class. It’s actually not a sculpture, but an imprint of my arms/hands at the time. I made a cast of my hands using gauze and filled it with… Continue Reading →

Pie Charts v2.x

September 24, 2017   Nothing too crazy happening here.  I just like the simplicity of it.  The use of numbers to help dictate the proportions of the pie in addition to the varied sizes to help create that link.  While… Continue Reading →

Musical tubes.

September 23, 2017 While this is suppose to be a representation of plastic tubes, they look metallic or computer generated to me.  Personally, I feel the visual blends music with industrial.  The five horizontal lines remind me of a fret… Continue Reading →

Reinventing the Colour Wheel

This is the collection of nail polish colours that I own. I think looking at this picture will help me to keep track of the colours that I already have and the brands that I prefer when I try to… Continue Reading →

How men and women see colors differently

https://www.pinterest.ca/pin/69805862950325506/ Color is in beholder’s eye. Great visualization of how the perceptions vary based on a person’s sex.

My viz painting is coming along, and I am interested in how the data creates abstracted form.

The Ebb and Flow of Movies

The Ebb and Flow of Movies: Box Office Receipts 1986 – 2008 Published by The New York Time, and created by Baseline StudioSystems; BoxOffice Mojo, Mathew Bloch, Ledd Byron, Shan Carter, and Amanda Cox. February 23, 2008 http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html , Linked 2017… Continue Reading →

earth temperature timeline

This chart from Randall Munroe (XKCD, What If?) is an interesting use of vertical axis to show the sheer scale of 22,000 years of climate change (and to show that recent warming is waaaaaay beyond anything seen before). At first,… Continue Reading →

Ghost Towns Alberta

September 24 I created a map of all of the abandoned ‘ghost towns’ in Alberta from an article on Wikipedia. I’m interested in visiting some of them in the future. Let me know if you share this same interest! Google… Continue Reading →

Scatter graph for migration

Labels has been successfully used to identify each data point.  If color or symbols were to used, it is difficult to identify each metropolitan areas.

Comparing Internal Migration

Statistics Canada has been used new data visualization technique to map internal migration flows in Canada. Some of the color selection, such as green is difficult to distinguish. Even though, graphs as produced for two age categories, it is difficult… Continue Reading →

Optical Illusion

Just an optical illusion of an old couple and two people playing some musical instrument. Also there is a woman there making an illusion of one of the ear of that old man.

© 2019 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑