CPSC 683 - InfoVis

exploring information visualization


November 2017

Found this on Twitter posted by an ornithologist. Such a great rhythm here.

Playing With a Sketching Tool

    http://mrdoob.com/projects/harmony/#fur An online tool was used to sketch this beautiful image. They have a vibrant set of brush tools to create simple sketches. It uses neighbor point connection concept. Check out the link to draw simple designs.

Transformation Maps

This is a gif from an article about the Transformation Map vis developed by the World Economic Forum. I think the interaction of this vis is nice, as it only shows a subset of the data at any one time,… Continue Reading →

Data Shapes

November 30 “At the crossroads of data design and data art, “Data Shapes” is an experimental project that introduces a realtime way to visualize the global flow of public data (referring to both free and open data). Rather than the… Continue Reading →

Map with dots

source: https://www.jrf.org.uk/report/reducing-health-inequalities-britain Rather than polygons dots have been used to visualize spatial information. I do not think the areas represent from dot is not the real boundaries of geographic areas. However, I like that the using dots to represent the area…. Continue Reading →

Burden of disease

source: https://ourworldindata.org/health-meta/ I think this graph presents a lot of information. As most of the colours are similar, it is difficult to identify each categories. I would reconsider the design in order to provide different categories.

Multiple arrows

source: https://ourworldindata.org/health-meta/ I like this graph as each country is shown one arrow. If average line was used, it is difficult to understand progress of individual counties. However, this type of visualization assume that the change is linear.

Job Changes

From flowingdata.com. I thought this was interesting in terms of subject matter, and the bright colours caught my eye! I wish I could choose fun colours for my project but that just seems inappropriate…

Rhythm of Food

This is a radial drawing of the date and number of Google searches for the term “kale.” I think it’s really interesting to use this layout to see if there are any seasonal trends, but I also like their use… Continue Reading →


I’m tweaking my visualization to prep for Tuesday, and this one actually made me say “holy crap! I didn’t realize that!” Insight from data I’ve been staring at for almost 2 years. Nice.

Visualization of Abstract Data

http://onformative.com/work/4010-facebook-tree This image is based on the data retrieved using Facebook’s Graph-API over four years time. A set of hybrid generative and organic tree was used to represent branches and leaves of the tree using a collection of algorithm inspired by biological… Continue Reading →

improvements incoming

While this data vis is interesting, creating this sort of wheel of emotion or personal drive, I think if there were more than 2 dimensions or things being compared we would begin to lose a lot of detail.  In fact,… Continue Reading →

Sprinkling a little Tufte in your life

While this is not a data visualization, I’ve been looking up a bit of literature from Tufte, specifically on Graphical Excellence.  Here’s one little tidbit I came across.

Musical Viz

Using pastel colours and a couple vis in one layout/dashboard I thought this visualization was rather simplistic yet elegant.  The artists aligned on the right are modern artists from what I can tell, and they’re relationship with different genres of… Continue Reading →

The Annual Report of the ERGO Hestia Group

November 29 A beautiful book of data visualizations. “As a consequence of the award in Hestia Artistic Journey Contest I had the pleasure of collaborating with ERGO Hestia Group on the 2016 year’s issue of the Annual Report. The solution I proposed involves a… Continue Reading →

Representing Worth

Today in class Dr. Carpendale briefly mentioned money, which I was super excited about and I wanted to derail the entire class discussion to talk about this Money talk I want to in the department of Philosophy. However, due to time… Continue Reading →

Glitch Rugs

Created by: Faig Ahmed Photo from: Traditional Rugs Recreated with Technological Glitches by Faig Ahmed I was asking for advice from Sasha and D’arcy about how to condense my texts down to a reasonable size. They gave me a great idea (using… Continue Reading →

Alzheimer’s Progression

Source One of my largest personal fears is that one day I might lose my mind. This picture really resonated with me as it shows the progression of one woman’s crocheting over time as her Alzheimer’s began to worsen. Depicted… Continue Reading →

More work from Sheila Hicks and in this case it shows how rich work can be even in one colour.

Life in Clay

Alice from the Ilab has a project in which she embeds her personal data into handmade pottery. I absolutely love each of these pieces and how she creates an artifact that shows this data.

Hourly Breakdown of Social Networking Sites

http://blog.wolframalpha.com/2013/01/23/introducing-expanded-personal-analytics-for-facebook/ This is the hourly breakdown of different social apps that we use every day. One thing that will make sure this visualization will not stand the test of scrutiny. There is no mention of the most significant social networking site,… Continue Reading →

personal cancermetrics

This week’s topic is personal metrics and visualization. I’ve been sharing some typical things – GPS tracks, activity tracking, heart rate, steps walked, etc. And then I realized, there is one particular personal metric and visualization that means more to… Continue Reading →

Data Viz Project

November 28 The Data Vis Project attempt to create a comprehensive list of all standard data visualizations. Thoughts?  

Career Paths

This is a visualization of the number of citations scientists accumulates across their careers. I think that this is a gorgeous visualization; I love the color scheme. However, I have a huge amount of trouble reading it. Some of the lower… Continue Reading →

Sentiment Over Time

http://www.columbia.edu/~jp3380/samplework.html The image shows the sentiment score of US citizens in 2012 presidential re-election. Safe to say the USA took their reelected chief positively. However, the negative score indicates it was not a clean victory for the president.

Slightly off = Very Jarring

I have overheard several people complaining about how the ilab logo’s outline just doesn’t line up between the a and b. I think this is because it is so close to lining up and doesn’t

I love how cohesive this design is with big impact

where we went

9 easy runs to loosen things up for the season. GPS tracks show we basically did laps, with some variation.

A Visual History of War

November 27 “Poppy Field is a self-initiated project – a reflection on human life lost in war. 2014 marked the Centenary of the Great War. It was a war without parallel – its scale of destruction eclipsed all previous wars…. Continue Reading →

The Bechdel Test

This is the Bechdel Test article I referenced briefly in yesterday’s entry. I bring this up also because this small snippet had some of the most engaging interaction in a visualization that I’ve used recently. This shows how many films… Continue Reading →

Emojis 2

Earlier this semester I posted something similar saying I wanted to see how this portrayal of my text emotions via frequent emojis would change throughout the semester. I anticipated more negative emojis coming up, which did happen, but there seems… Continue Reading →


So what you’re telling me is… drink more coffee 😀

Scaling data for relatability

This is pretty informative. I like that it scales the population to a relatable number to make it easier to understand. Although it seems like percentages might achieve the same result?

What happens to 1 kg of coffee cherries before they are turned into roasted beans

NFL Fan Distribution

https://blogs.sas.com/content/sastraining/2013/05/16/visualizing-nfl-fans-on-a-map-based-on-facebook-like-data/ It’s safe to say that the distribution of NFL fans is regionally uniform which is not surprising. The white clusters represent missing data.

Rainbow Thread

When I was at the fabric store buying things for my project I found this rainbow thread and I got very excited. I can’t wait to use this for embroidery! I think it will for some pretty interesting embroidery visuals.

personal metrics on the hill

A SUPER slow and easy first day on skis this season. I’m still in the discovery phase of reflection on my skiing, so I’m collecting a bunch of data. I wonder if it will be useful someday…

Air Pollution

(https://earth.esa.int/web/sppa/documentation/galleries/uvn/air-quality) The above is a visualization taken from ESA and it depicts the varying air quality over the course of a week. I’m not really sure from which region they retrieved this information from, and even though heat maps are… Continue Reading →

Diverting Attention

(http://blogs.bmj.com/bmj-journals-development-blog/2015/01/05/social-media-during-epidemics-a-poisoned-chalice/) The above charge is a satire on how easy it is for the media to divert people’s attention from pressing concerns, to focus on circulating rumors. It can be said that many use social media as their main news… Continue Reading →

Wannacry Outbreak

(https://securityledger.wpengine.com/2017/05/fatal-flaw-slows-wannacry-ransomware-but-threat-remains/) The above displays the regions that were affected by the wannacry outbreak back in May. Wannacry was a dangerous ransomware attack that manages to affect over 100,000 companies.

Greek Statues

(https://en.wikipedia.org/wiki/Ancient_Greek_sculpture) Ancient Greek sculptures were made out of marble or bronze, with bronze becoming one of the more favored materials by the early 5th century. Many of these sculptures were used to represent religious beliefs, depict important political figures, and… Continue Reading →

Film Dialogue

(I apologize for The Pudding spam, but I’ve fallen in love with these articles.) This article extends on a previous article about the Bechdel Test in film by showing the gender composition of film dialogue. In this very telling, but… Continue Reading →

Satellite orbits around Earth 2002 – 2017 (from http://www.esa.int/spaceinimages/Images/2017/11/Integral_s_orbits_2002_17)

Overlapping And Non-overlapping Clusters of Social Interactions

https://www.researchgate.net/publication/311645849_Community_detection_on_complex_graph_networks_using_Apache_Spark/figures?lo=1 Image of a cluster that has both overlapping and non-overlapping components. I think the visualization can be improved if we can split the visualization into two simple viewings triggered by a toggle button. One visualization can focus only on edges,… Continue Reading →

Coffee Logging

My partner and I are addicted to coffee, we have at least two cups every day. I noticed he drank his much faster than I did so we marked how big our sips were/ how many we took and noted… Continue Reading →

Interactive layers of data


November 25 Visualizing David Bowie’s Space Oddity on Vinyl Records. You can order prints of the visualization for yourself! Check out the full set here!

Evolution of health protection coverage as a percentage of total population

source: https://ourworldindata.org/health-meta/ I like the color scheme used in this graph. Line pattern also used to distinguish countries in addition to the colours. The sudden changes of the line shows impact of policy changes. Thus, it may useful to mention special… Continue Reading →

Measuring racial diversity in journalism

This comes from another article interspersed with interactive visualizations. The color choices in these visualizations caught my attention–when referring to issues in American politics, blue and red have very definite connotations. I wonder how intentional the color choices were as an attempt… Continue Reading →

accounting and sculpting

Turing Machine

http://acg.media.mit.edu/people/jarfish/turing/turing.html   This is a visualization done to simulate the Turing machine. Some key ideas came out from this visualization. A program can be clustered and laid together in such a way that it maximizes the speed of computation. It can also… Continue Reading →

Sorting Algorithms With Colour

https://franciscouzo.github.io/sort/ This interactive tool lets you select a sorting algorithm and sort the color spectrum. It is an interesting tool but I am not sure that if I didn’t understand the algorithm this would help.

Reality-based interaction

This diagram came from a paper I’m reading called Reality-Based Interaction. The idea is that interfaces always contain some compromise between the “reality” items on the left, and the extra non-reality items on the right. However, this diagram just seems… Continue Reading →


This is a painting hanging up in my friend’s house. I’m just thinking about colours when I look at this. I really like the contrast between the purple and the green.

Starry Night

(https://www.vincentvangogh.org/images/paintings/the-starry-night.jpg) Continuing on with colors, I was looking through the web and noticed Van Gogh’s paintings. Its interesting how his colors are somewhat muted but still manage to convey vibrant images. He definitely had an interesting artistic technique.

Muted Color Wheel

(https://i.pinimg.com/originals/b5/69/23/b569231c497174b16a44549e8f4b6979.jpg) I’ve been having some trouble coordinating colors in my project and Sheelagh’s suggestion was to try to use a combination of muted colors instead of vibrant ones. So here is a color wheel of pastels. It might be helpful… Continue Reading →

Colors in Cirque du Soleil

(Cirque du Soleil – Avatar – http://thecoolhunter.net/wp-content/uploads/old-blog-images/avat.jpg) I’ve always found it impressive how Cirque du Soleil always manages to combine many different colors seamlessly into a dazzling spectacle.

What I looked like on Friday night after sewing for 12 hours.

The Office Visualization

November 24 As a fan of The Office, I was super excited to come across this visualization of the series.

Song Repetition

This is from an incredible article that visualizes trends in song repetitiveness in various formats.  It’s an incredibly cool interaction on top of a fairly straightforward series of visualizations. But they all come together to tell a story.

divergence and convergence

Langue d’oiseau I, Textile work by Sheila Hicks, reminds me of Rothko

Visual Programming Interface

http://acg.media.mit.edu/people/jarfish/plate/plate.html An interface like this would really help young programmers to enjoy solving problems just for fun. This is a great way to create an abstraction of the difficulty in programming. Plate integrates all the standard programming interfaces into a… Continue Reading →

3D RGB Scatterplots of colours used in famous paintings

The color of Stary Night has been spread over a 3d scatter plot. This is a cool way of visualizing an images pixels. I hadn’t ever thought about reorganizing color in a photo. https://imgur.com/a/aRBd1,Linked November 2017


Interesting! I would have expected these to get progressively darker with difficulty, but it seems like there are quite a lot of dark squares in the medium difficulty. Taken from r/dataisbeautiful

Crop to Cup

Coffee! As someone who loves coffee more than life, I know very little about it. So I found this very informative! The author spent some time growing coffee and taking notes. It’s shocking how much of it becomes waste! Taken… Continue Reading →

How Music Taste Evolved

November 23 https://pudding.cool/2017/03/music-history/ A visualization of music taste changing over time, with music mixing of the tracks as they switch their position on the top music charts. Very nostalgic and a cool way to experience a year of music in… Continue Reading →

carbon footprints

interesting interactive vis on carbon footprints, reminded me of the subject meika is working on.

a little colour for your day

bob rossing it out – adding a little colour into your life.  for me, visually appealing, without interaction to isolate trends or specific points it may be a bit difficult to discern especially in areas of significant overlap.

parallel or not

thought it was an interesting looking visualization, would people consider this a spin on parallel coords ?

eat your heart out sankey


reminded me of sasha’s take on a time lapse

here comes the sun

while it may be visually appealing i find this visualization slightly difficult to interpret.  not a major fan.

a spin on tradition

layout maps and graphs

Arctic Sea Ice

This chart animates each line separately so you can see a year by year difference. I think that this kind of animation is incredibly valuable as a way to grab a reader’s attention and make a message stick.

Interaction to Understand

https://me.nektro.net/projects/circular_multiplication/#10×8 Visualizing mathematical concepts. This website allows you to play around with the variables of modular arithmetic to help understand how the numbers connect.

Sherlock Homes

  BBC’s Sherlock The TV show Sherlock has the interesting challenge of showing how Sherlock is thinking and what he is noticing such that the audience is not lost throughout the show. They overlay text on the video and show… Continue Reading →

Amorphous Shape Visualization

http://acg.media.mit.edu/people/jarfish/honey/ This is an excellent visualization of amorphous shapes and how they can be placed inside a circle.

updated strava heatmap

Strava just updated their global heatmap, visualizing all GPS tracks uploaded to the service. I turned off all roads and map labels, but it’s still pretty easy to make out the Calgary area… https://labs.strava.com/heatmap/#9.23/-114.91460/50.60659/hot/all

From the NYTimes, a map showing all the incidents along the Dakota pipeline.


November 22 https://pudding.cool/2017/03/miles/ “Miles Davis’ legacy, represented by every Wikipedia page that mentions him” – MATT DANIELS

The Atmosphere of Blankets and Lights

I really like the look and feel of this picture as design inspiration for my term project

Drug Co-Morbidities

Though an aesthetically appealing image, this graph of drug co-morbidities means absolutely nothing to me. I have no idea how these nodes and edges are mapped to the underlying data or even the details about the data itself.

A big piece I did last year


https://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/ The sphere displays videos from all the great talkers participated in TED conferences. If the layout were selected based on the geospatial organization of the talkers, then this globe would have been more meaningful.

radial detail explosion

This is from a project page from a Spanish architecture firm. Looks interesting, but the radial layout and zoom/exploding details caught my eye. http://pyoarquitectos.com/by-the-way/reconstruccion-de-vehiculos-de-la-mirada/2/

Analyzing the Gender Representation of 34,476 Comic Book Characters

November 21 https://pudding.cool/2017/07/comics/ “Female characters appear in superhero comics less often than males — but when they are included, how are they depicted?” –  Amanda Shendruk

Mobile Payments

source: https://www.fastcodesign.com/3033797/the-youtube-of-data-visualization-is-here I like this visualization but it does not provide the payment is higher in some counties due to number of connections, fee or purchasing power of the people. However, using a phone and a map of Africa shows the… Continue Reading →


source: http://wikibrains.tumblr.com/post/85112921334/adobe-acquisitions-by-country Wikibrains provides easy way to visualize information. I like the ordering each circle to maximize the use of available space.

National waste

source: https://visual.ly/blog/100-year-old-debate-science-art-data-visualization/ This visualization has used octopus to shows five categories. However, it is better they have eight categories as it is suitable to used octopus for eight data point. This visualization contains a critique of the figure.  


source: https://www.brainpickings.org/2014/10/14/best-american-infographics-2014-nate-silver/ In this visualization each poppy started at the year of the war stared and bosom at the end of the war. Size of the poppy sows the number of life lost due to the war. I like that this… Continue Reading →

Types of Emails

source: https://www.brainpickings.org/2014/10/14/best-american-infographics-2014-nate-silver/ I like this visualization as each email has been represented by one dot. I have used similar approach to represent individual in my data set.

Saharan dust tracking

source: https://youtu.be/ygulQJoIe2Y I like this presentation as it provides detail information from collecting data to visualizing the result. The video is short and easy to understand the travel of Saharan dust.

Evolution of life

  source: https://www.fastcodesign.com/3043479/worlds-largest-tree-of-life-visualizes-50000-species-across-time This visualization contains information related to billion years life evaluation. The spiral shape used in the visualization is helpful to show information in confined space. If the data were lined, it is necessary a wider canvas display the… Continue Reading →

Olympic Bias

According to this, Norway is great at Winter Olympics! I’m curious about the categories they’re including though; I suspect it’s really biasing the visualization.


Creating blankets with a white background and white thread is nothing new. Here is an example from the quilting world


Source My wife always tells me that her friends don’t like me at first because I don’t talk enough. I come across as rude, and egotistical. I think of it like Zimbabwean currency though, or currency in general; the more… Continue Reading →

Theft in the workforce

Source When you think about theft in the workforce, I bet wage theft isn’t the first thing that comes to mind. Even further, I’d be willing to bet that employer theft is also not the first thought even if you… Continue Reading →

The Yangzhou Zhongshuge

Within a Chinese bookstore and library is this tunnel of books that are mirrored on the floor. I think this is a beautiful space I’d love to visit.

© 2019 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑