CPSC 683 - InfoVis

exploring information visualization


September 2017

Max daily temps

I saw this on /r/dataisbeautiful – I like the way it shows a range of values, in “lanes” corresponding to a month.The data is aggregated over 66 years, but still shows patterns, extremes, and norms. via https://www.reddit.com/r/dataisbeautiful/comments/71r4gj/max_daily_temperatures_in_mountain_view_ca/


Optical Illusions

Domino’s Conquest

Music Meditation

CPSC Lab Retro Screensaver

Visualization Of PI

https://imgur.com/gallery/CWIar I always thought the digits of pi are completely random and doesn’t have any underlying pattern. But this image blew my mind by showing how organized the numbers really are.


An article on Wired has this fun gif of a Humanscale tool used for ergonomics. I love this way to change the measurements via the circle page behind the main illustration. The illustration itself is fairly straightforward but seems a bit… Continue Reading →

Love the organic nature of this

sculpture of a performance

Playing with tools from stage direction to visualize groups of people and spatial arrangement.

Mobius Strip

(https://farm1.staticflickr.com/629/22479284193_d7f3d73e3c_o.jpg) The mobius strip is an example of a non-orientable surface, as it is composed of a single side when embedded in 3D space. In other words, it is impossible to know where it begins and where it ends, which… Continue Reading →

Bizarre Bicycle

https://twitter.com/dynarski/status/737993058445369344 I kind of like the idea of comparing teacher and student relationship with riding a bicycle where teacher pedaling and student sitting back and following. For some may be a roller coaster ride would be more appropriate :p

Dots Aplenty

There’s a couple of other vises (vis’s? vizes?) in this article, but this one stuck out to me as being very minimal- just three dots spaced out in one dimension. I think this is entirely task-based because there’s not a… Continue Reading →

Female graduates by field of study

This is another visualization I came across during my hunt for a data set on this topic. This one shows the percentage of female university graduates according to field of study. This is a topic I am becoming increasingly interested… Continue Reading →

Goodreads lack of vis

For this post, I’d like to point out a visualization I would like to see on the GoodReads app which isn’t there. I can see individual books I’ve read as well as genres I’m interested in. But I’d like to… Continue Reading →

Female STEM graduates

I originally wanted to use some data related to this topic for my data set, but couldn’t find anything that would work for me. This is a visualization from Statistics Canada showing the differences in male and female university graduates… Continue Reading →

Streak over :(

Duolingo telling me about the loss of my 84 day streak. I liked it better when that flame was orange! Although the grey effectively tells me I screwed up.

Bill Nye

A very accurate visualization of my childhood learning… Bill! Bill! Bill! Bill! (Taken from a post someone shared on Facebook)

Looking at how architecture treats maps. I like the design of the grey map with the highlight.

I Am a Space Pirate

A drawing I made for a side project a few months ago. Even though its more of a “fantastical” piece, it can still be interpreted differently by whoever is currently looking at it, as viewers can project their own ideas… Continue Reading →

Data Sketch 001

First, hesitant sketch of the data. I picked a subset to start – classes on mondays during f2017 – and explored with an aggregate timeline.

Wikipedia Edits

https://www.wired.com/2008/06/pb-visualizing/ Thousands of Wikipedia edits done by a single software bot where each color represents a different page. Although I don’t understand how this visualization will help me solving any problem or understanding any deep insight about those edits.

I’m including this photo because sometimes we delete accidents as being without value, but I find that often, they can help the creative process.

Coffee Vis

I like this visualization, as it compares and contrasts a single persons coffee consumption with their countries. In addition, I find it interesting that it presents facts the creator has deemed relative alongside the personal visualization (such as average cost)

Disorganized Cables

My wife always mocks me because I like to keep my cables as organized as possible. After reflecting on why I prefer my cables tidy, I realized that it is due to a mix of both the aesthetic as well… Continue Reading →

Medieval Art

Early Medieval art was detailed and used bright colors but did not attempt to accurately recreate the 3D world, as Perspective was only developed in the late 14th century. You can notice that the women are practically the size of… Continue Reading →

Time Map

MapBox has released a (new?) type of map that integrates time to destination as a visual overlay. As they describe their thought processes on this blog post (https://blog.mapbox.com/a-new-kind-of-map-its-about-time-7bd9f7916f7f), they sought to create a map that more reflects how people communicate… Continue Reading →

historic traffic fatalities in the US

Interesting, but missing one more bit about total number of vehicles driven each year. Rate of fatalities is waaaaaaay down since the middle of last century, but total fatalities are still high – are more vehicles on the road now?… Continue Reading →

Sorted iPhone Home Screen Colours

  September 19 I took the visualization of my iPhone’s home screen apps I created two days ago, then tried to group the colours by hand. By simply grouping some of the colours together, we can already begin to see… Continue Reading →

Natural Analog Wave

My friend posted this on Facebook, for a moment I thought he is standing in front of an artwork of an analog signal. It’s like a visual illusion.

Shot of a video installation that speaks about borders and geography between USA and Mexico. Installation is created by three Indigenous artists, Raven Chacon, Cristóbal Martínez, and Kade L. Twist, featured at the Esker Foundation.

Bias Data Sampling

(http://www.stat.ufl.edu/~aa/cda/data.html) Found this dataset while looking for a dataset to use in my project. It reminds me that even if this was created into a great visualization, the data that supports it would be absolutely worthless and bias.

Lace your info vis!

September 16, 2017 Lace :  Recently, I was in Toronto attending a wedding.  While not everything was full of lace, there was some subtleties used in many of the dresses donned by the bride and even the bridesmaids.  This pattern… Continue Reading →

Social Media – Info Graphic

September 15, 2017   Colour wheel of social media related companies.  Felt this was an easy to digest visualization for several differing types of social media platforms.  

Garmin Run Visualizations

This is part of a personal interactive visualization Garmin creates with run data. The time, pace, GPS coordinates, elevation, pace, heart rate, stride length, run cadence, vertical ratio, ground contact time, and temperature are all automatically used to create visualization… Continue Reading →

Map Projections

(Different map projections – https://en.wikipedia.org/wiki/Map_projection#Projections_by_surface) Cartography is actually a harder field than it appears. Even though they do not appear to be so, every 2D world map is distorted in different ways. There are several different projection based techniques that can… Continue Reading →

Healthcare Map

Found while going through my daily news (sadly engulfed by US politics). I’m of two minds– one: I think it’s great that they normalized all of the states’ areas in order to prevent larger states taking up more of the… Continue Reading →

Sea Ice Timelapse

Code Source Animation Source This is an incredibly interesting visualization as it shows multiple dimensions of the data in a simple way. It is able to map area to size, time to position, and temperature to colour. What I find… Continue Reading →

Statistics and Info Graphx

September 14, 2017   In an effort to create a more robust dataset for CPSC 683 – I have recently found myself looking for specific statistics related to many Canadian cities.  This somewhat interactive website utilizes information graphics in many… Continue Reading →

Word Replacements

Source Although this visualization is interesting, I think there is quite a bit that could be improved with it. For example, due to the relatively high saturation of the colour blue, a more appropriate visualization would be to separate this… Continue Reading →

Rorschach test anyone ?

September 13, 2017 Ink Splatters: When I came across this blog post online, I was automatically drawn into the seemingly random lines of the ink splatters.  In some sense, it reminded me of the electrical grid depictions we often see… Continue Reading →

Trees on a rainy day.

September 12, 2017 Trees : While eating breakfast this morning – this was my view.  The trees reminded me of some sort of information graphic.  Leaves representing nodes or offshoots of data.  Felt a similar relationship to fireworks in the… Continue Reading →

Express Yourself!

September 11, 2017 Expressive, I feel this image serves as a blank canvas of sorts; An untamed, free form depiction of the inherent uniqueness in all of us.  To some it may be chaotic, to others elegant.  For me, it… Continue Reading →


Source   An interactive design showing the longest home runs of 2016. What I immediately thought about this is that it should be ordered by distance instead of by its original ordering: date. I enjoy that there does not exist… Continue Reading →

NYTimes getting more difficult confirmed?

Source This visualization is great because it feels like a single trend graph when in fact it is seven individual trend graphs collated together. The author is able to use the physical space it represents to show not only the… Continue Reading →

Star Glyph Representation

Here are two approaches to the display of a star glyph. This was generated by myself to test the difference between a solid fill mesh, and simply the points, and connections used to generate the mesh. I was attempting to… Continue Reading →

Lothar Collatz’s Seaweed Monster

(Bellos, A. and Harriss, E.Visions of the Universe: A Coloring Journey Through Math’s Great Mysteries. Experiment LLC, 2016 Source) A beautiful representation of the Collatz conjecture. If you pick a random integer n, then recursively perform the following function on n,… Continue Reading →

The Trinity Hall Prime

(Tokieda, Tadashi. “Trinity Hall Prime”. Brady Haran ; Numberphile. Video) The trinity hall prime number was a gift from JF McKee to Trinity Hall. The number is a prime with 1350 digits which is significant because it is the year the… Continue Reading →

Visual Doodles

A few doodles having to do with a project I’m doing for work implementing star glyphs. This was my attempt at explaining to a coworker What parallel coordinates are How to generate a mesh from the data Looking at the… Continue Reading →

Bulls on Parade

(Picasso P. The Bull (Le Taureau), state (I – IX). Manhattan: The Museum of Modern Art; 1946) I’m submitting this series of lithographs because in my opinion, it portrays the process of taking an idea, and turning it into a… Continue Reading →

Internationl Trade (3D)

  Flow of international trades for all the counties are displayed in this interactive map. This is helpful to identify the complexity of the flows of goods but ecommerce and actual goods exchange need to be identified as digital products… Continue Reading →

Colour selection

This online tool provide facilitate colour selection in particular for maps. Also, the main advantage is that it is capable to suggest appropriate colours selection for colour blind people http://colorbrewer2.org/#type=qualitative&scheme=Dark2&n=3  

Visual journal (5 visualizations)

1) This visualization shows lots of information clearly but cannot find the total imported values. 2) Multiple counties have internal conflicts at the same time and it causes to creates a large number of refugees. This graph shows counties and… Continue Reading →

Hurricane damage by building

From the New York Times – damage to individual buildings from hurricanes on St. Martin / Sint Maarten. I’d be curious to see population density as well.

MacOS Dock Shapes

September 18 I traced the primary shape of each app icon in the dock of my Mac. These are the shapes I see every time I open my computer. I was able to sort the shapes into four groups. Rectangular,… Continue Reading →

Misleading Twitter Volume Data

I found the data visualization to be quite misleading. Data shows the twitter volume from January 2009 to January 2014. Initial inspection might lead us to believe people are more interested in the event where US qualifies for the world… Continue Reading →

Scarves As Records

As I was looking for more crochet patterns, I was reminded of projects people have created to track information and display it via a scarf (mood and weather are the most popular ones I’ve seen). As a rigorous data collection technique,… Continue Reading →

High School Plays

This visualization came from an amazing article (follow the link!), describing the most popular American high school theatre productions over the years. This vis is interactive– you can highlight plays as you hover over them to see them throughout the… Continue Reading →

Lack of Scale

My friend sent me this graph from the book Grit: The Power of Passion and Perseverance by Angela Duckworth. It describes how in the same time span, some people become experts and others stall out. At first, I found the graph fairly… Continue Reading →

Post-It Note To-do List

I like to keep my to-do list on as post-it notes on my fridge (the focal point of my life). I organize them by position and color, which now I know are two visual variables that can be used in… Continue Reading →

Fitbit and Uncertainty

  The new Fitbits have a feature that calculates VO2 Max scores (measurement of how the body uses oxygen) from heart rate. As heart rate isn’t a very reliable measurement for VO2 Max, this graph indicates uncertainty with radiating transparent circles…. Continue Reading →

Crochet Patterns

  I think crochet patterns can be categorized similarly to how we categorized maps: representing objects spacially, but still in the realm of visual abstraction. This pattern shows the how the individual stitches are constructed in a shawl.

Eclipse Vs Vim

Technical Interview Performance by Editor/OS/Language by Mike Robbins, September 19, 2017 My friend sent this visualization to me as proof that his choice of editor is far superior. Though I visually enjoy this composition there are quite a few questions… Continue Reading →

Adding green to the area that corresponds to me opening a door handle.

From Shapes to Cat

(https://design.tutsplus.com/articles/how-to-draw-animals-cats-and-their-anatomy–vector-17417) Steps to drawing a cat, starting from bone structure to muscles to actual cat. Understanding is an extremely individual thing – I know friends who are much better at drawing animals using the steps shown above. For me, I… Continue Reading →

Blue Black vs White Gold?

(https://upload.wikimedia.org/wikipedia/en/a/a8/The_Dress_%28viral_phenomenon%29.png) This dress was an internet phenomenon a couple years ago. The idea that so many people had so many conflicting opinions about the simple colours of a dress makes me think that data visualization is the same way –… Continue Reading →

Big Picture

(https://firstreaker999.deviantart.com/art/Elephant-292689844) A painting I did many years ago. While there are not a lot of details within the painting (the eyes aren’t detailed, the leaves aren’t completely drawn in) we can still infer that it is an image with two… Continue Reading →

Joy Of Stats

(https://www.youtube.com/watch?v=jbkSRLYSojo) Took the image off a video called “Hans Rosling’s 200 Countries, 200 Years, 4 Minutes – The Joy of Stats – BBC Four”. Personally one of my favourite data visualization videos of all time because of the use of… Continue Reading →

Solar Eclipse vs My Eyes Hurt

(https://i.redditmedia.com/2i71XsHDQsQI6WwwBdZHNRhcSw03JvDNpUchVEil_xM.png?w=1024&s=3ac70f916c0b5aa47379db7d23296d9e) The results of Google searches leading up to a solar eclipse, and then the immediate after-effects of it with the search “my eyes hurt” from New York. While this graph shows some interesting results, it makes me wonder if… Continue Reading →

Strava route heatmap

1 year of aggregate ride tracking data for NW Calgary, showing “more popular” and “less popular” routes ridden by members of Strava.com. I contributed ride data for commuting between my house in Tuscany to/from the UofC, and some rides out… Continue Reading →

Page Of Bubbles

Quite an interesting idea to convert a page into bubbles based on the frequency of the word used. One can easily get an idea about the content of a page.

Shot of the dragon’s body at night. Seemed like a giant waste of energy but then we did appreciate all the warmth it generated.

Sleep Cycle Photoshop Effects

September 16, 2017 About one month of sleep data was collected (August 20 – September 16) with Sleep Cycle from the end of summer break to my first week of classes in grad school. I took a screenshot of each… Continue Reading →

The Epitome of Vagueness

(Graph posted by Alan Farrell TD‏)  This graph is supposed to depict the unemployment rate for the last 5 years. Sure it looks pretty and hopeful, but its lack of details prevents me from having any idea of what metrics were… Continue Reading →

Interesting Advertisements

(http://innovatethinking.com/2011/12/creative-ads-91/) It’s always cool to see an advertisement with a double entendre – it definitely helps to guide the viewer to infer the actual message of the ad.

Network of Poems That Would Make an English Major Weep

(https://deterritorialinvestigations.files.wordpress.com/2013/11/ekphrasis_network_grouped_topic4.jpg) This relationship map is beyond extreme. I honestly gave up on reading it about 5 seconds in. Too much information is clustered in a small amount of space.

A Confusing Graph of Confusing Graphs

(https://pbs.twimg.com/media/CZr6VMXXEAA2K0Z.jpg) This graph just made me laugh. Its always annoying when you’re trying to interpret a badly made graph of a confusing data set, which was perfectly represented here. The colors are dizzying and the axis values are beyond vague…. Continue Reading →

3 years of growth

My son outgrew his snowboard, so we got a new one to replace it. The old one got him through 3 seasons of learning – he’s now far better than I’ll ever be – and it struck me, seeing both… Continue Reading →

Preattemptive processing

(Fig 1 – Healey, Christopher G. “Perception in Vizualization.” Perception in Visualization, -, 0ADAD, www.csc2.ncsu.edu/faculty/healey/PP/. ) Preattemptive processing occurs when the viewer’s attention is directed almost automatically to a specific deviation in a data set. Notice how your eyes are rapidly… Continue Reading →


My frequently used emojis as a visualization of the emotions I express over text message. I wonder how this will change as the stress of the school year inevitably grows.

Favorite artist

(The Kiss, Gustav Klimt) Gustav Klimt is one of my favorite artists and “The Kiss” one of my favorite paintings. Even though the cloaks surrounding the couple is highly detailed, the viewer is almost immediately drawn to the faces of… Continue Reading →


Spoiler Alert! A friend of mine recently sent me this (not quite up-to-date) summary of deaths, allegiances, and some major characters in Game of Thrones. To me, the most interesting part of this is the use of darker/lighter colours and… Continue Reading →

The Sea and the Jungle

This is the cover of a book I recently started reading called The Sea And The Jungle by H.M. Tomlinson. I like the “carving” style of the artwork and how much detail the artists were able to get into it… Continue Reading →


An entertaining image which seems to pretend to be a data visualization in the form of a pie chart, but which is really only an image of a pyramid after reading the legend. An interesting trick! (Taken from the internet,… Continue Reading →

Hand Made Physicalization

[Swaminathan et al. 2014] This illustrates the construction process Doug McCune went through to create a 3D heat map which shows the quality of elementary schools in San Franciso. This was a case study presented in the “Creating Physical Visualization with MakerVis”… Continue Reading →

Languages Of The World

I came across an interesting article where it was mentioned that there are 6909 different languages exist in the world as of 2009. An interesting picture was given alongside that shows the origin and different branches of these languages. The… Continue Reading →

few data points

I got this after getting some blood work done. 2 samples do not make a very useful line graph.

Embroidery Visualization

This is a visualization I created last year with the embroidery machine from the Fab Lab. It tracks heart rate over a 45-minute workout. Where the distance from the center is heart rate (marked at 10 bpm intervals) and the… Continue Reading →

iPhone Home Screen Colours

September 15   I took the colors of the apps on my iPhone’s home screen and simplified the icons into four primary colors each. These are the colours I see every day when I unlock my phone. What colours do… Continue Reading →

Pizza Toppings Preference

September 14 I visited Pizza Hut and asked them for a side of each topping they offer on their pizzas. After, I grouped them into three bins: Toppings I always like – Banana Peppers, Marinated Tomatoes, Roasted Garlic, Pineapple, Ham,… Continue Reading →

Heat Maps

https://www.analyticsvidhya.com/blog/2015/05/data-visualization-resource/ I was searching for different articles regarding different data visualization tools used in sports and I came across an article where they talk about how heat maps can be used to identify where most goals are coming from and… Continue Reading →

Real life layering of information as viewed from the LRT.

3D Pie Charts

I would consider this a bad visualization. It asks the reader to interpret a two-dimensional representation of three dimensions I believe pie charts best represent parts of a whole and should, therefore, use percentages that add to 100. (Not to… Continue Reading →

raw numbers vs. per-thousand residents

census data on “high earners” by province. Globe and Mail made a chart of raw numbers, but it’s misleading without the “what proportion of the population is that?” per-thousand-residents calculation… Update: I made a quick version using Les’ calculations:

Reddit Crossword Puzzle

September 13 I created a crossword puzzle using the Reddit posts as the descriptions, and their respective subreddits as the answers.

The Bow Artwork

Recently I visited “The Bow” building with my cousin located in Downtown, Calgary where I found this artwork located on the 52nd floor. I was finding it difficult to extract some meaning out of the artwork except a background with… Continue Reading →

Cuban beach after Irma. I think the count of these birds made this catastrophe hit home.


Students “vote with their feet” during a session in the TI. human-scale visualization of… what?

axes sketch

I use two-axis sketches to help me think about tools and systems, and how they interconnect or lead to different kinds of uses. This one is a super-early diagram of some of the online learning tools at UofC (with only… Continue Reading →

Vincent Van Gogh

I choose this Vincent Van Gogh self-portrait as he was mentioned in lecture (and I visited his museum this summer). Van Gogh did not use lines and colour to replicate the world exactly as it was but instead to convey… Continue Reading →

© 2017 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑