CPSC 683 - InfoVis

exploring information visualization


Cooper Davies

A History of Everything Notable

Source An interactive visualization of the timeline of anything notable that has ever happened. The way the page is laid out lets a user see the frequency in which notable events happens over time. There’s a lot of customization available… Continue Reading →

Listen to sorting

Source You cant show it, but this is an interactive visualization that lets you hear multiple types of sorting algorithms as they sort. There’s the ability to change the size, type of sort, speed, etc. Listening to some sorts on… Continue Reading →

Layered Ads

A picture I took of a flyer board across from good earth in ICT. Essentially it visualizes all the ads and notices that people want you to see over time. It could even be interactive time-wise by tearing down newer… Continue Reading →

I’m a Barbie Girl

Source A plot of the repetition of words in the song Barbie Girl. If you get a chance, watch this video which explains the layout of the graph. then read this which also explains it. Using this kind of layout, it is… Continue Reading →

Oil Tanker Plots

Source The geo-locations of oil tankers as they update their coordinates. Whats really fascinating about this is that there is no map or lines being drawn. This is entirely a scatterplot of when tankers updated their position. Geographic lines and… Continue Reading →

My Visual

My visual The full map when pixels overlap (generated from the data) This is the final visual that I generated from my data so far. I didn’t program any kind of “pattern” into the visual, the pattern actually emerged from… Continue Reading →

The Wandering Knight

Source This is a solution for the problem of the knights tour wherein a knight on a chess board is only allowed to visit each location once. This solution is for a 130×130 board and required a neural net to… Continue Reading →


Source Karnaugh maps are an incredibly useful way to visualize how to generate minimized logical circuits from full boolean logic. To really get a full understanding, I suggest reading the wikipedia page on Karnaugh maps. This kind of visualization takes… Continue Reading →


Source A superstitious symbol in more fanatic Jewish sects. The Shemhamephorash is a depiction of the 72-fold name of Gog, which gave King Solomon the power to build the temple of Solomon. I enjoy this kind of symbolism found in… Continue Reading →

Herd Immunity

Source Based off This Data This is a great visualization because there’s no actual “number” associated with the effectiveness of immunity. Instead it shows you a simulation of how herd immunity works. This allows the reader to come to the understanding… Continue Reading →

Tree Map

A tree-map of my work hard drive generated using WinDirStat. I think it’s powerful albeit not very informative on its own. For example, the giant red rectangle is actually a single text file I have been working with for my… Continue Reading →


I just found out you can hyperlink the images so click the image to find the source. I found this particular graph to be interesting due the ease of ability in understanding what exactly is going on in the graph…. Continue Reading →

Economic Disparity

Source A powerful image that portrays something as abstract as wealth, without showing any actual currency. Here you can see the divide an unequal distribution of wealth that is so apparent, that between two neighbours on, there is a noticeable… Continue Reading →

The Angels Share

Source with Proof A clever way of visualizing the exact aging process of Whiskey by showing the literal aging process of whiskey. In this photo you can clearly see two things happening 1) The “angles share” phenomenon in which during aging,… Continue Reading →

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 →

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 →

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 →

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 →

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 →


source A funny comic by famous web-comic: xkcd. I thought this was an interesting recursive look at visualization. It’s a visualization that visualizes itself!

Papa Bless

  Source An interesting graph because it doesn’t represent the actual location of every  pizza place across the U.S.A. The author actually divided country into 20mile x 20mile cross-sections and coloured it according to whichever pizza place was closest to… Continue Reading →

Three for One

Source One thing I have always liked about compilers is the brute power of the representations combined with the simplistic display of it. The generation of one of these can be difficult due to having to reduce states and check… Continue Reading →

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 →

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 →

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 →


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 →

© 2017 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑