CPSC 683 - InfoVis

exploring information visualization


October 30, 2017

Garfield’s Personality

Comic strips can be written in multiple ways. Things that can be altered include font, colour, style of illustration, way of conveying humour, choice of words, etc. We understand Garfield’s character because of the way that it is portrayed through… Continue Reading →

Can You Spot the Animal?

This is natural info vis. This leaf-tailed gecko doesn’t have a hard time hiding itself from predators on account of its appearance. Source: “https://www.boredpanda.com/animal-camouflage-39/”

IOS or Android?

This infographic is the famous comparison between IOS and Android. It is drizzled with multiple pieces of information in this one page, and because of the content of it, it is actually something I would take the time to look… Continue Reading →

On-Board Flight Tracker

The on-board flight tracker in this KLM flight is pretty cool. It usually goes into a 3-D view like this to show you the places that you are currently over in a close-up view with nearby names. It also goes… Continue Reading →

Efficient Flight Board

I was looking through different airport flight boards to see how they convey information, and I think this is one of the best ones. This has the right amount of symbols (flags), time reading convenience, and the correct use of… Continue Reading →

Look at This Photo to Learn a Tomato Soup Recipe

This visual teaches you how to cook tomato soup with the only words being some ingredient names and numbers for time. I think this is a very intuitive way to teach people of all ages the recipe. This method compromises… Continue Reading →

7 Million Nutella Unica’s

Nutella Unica is a project in which Ferrero created 7 million unique patterned jars of Nutella. Apparently, they used an algorithm to do this, and each jar had a unique code. The project was implemented in Italy and sold out… Continue Reading →

The Countries that Contribute to a Jar of Nutella

This map depicts the countries that contribute to make a jar of Nutella. I found this to be interesting since I really care about Nutella, and it is a cool visualization. However, I think the map could be designed in… Continue Reading →

First Coins Ever to Be Minted

These are the first coins ever to be made (that have been so far discovered). They were made around 640 B.C. in the Lydian and Ionian region which is now present day Turkey. They are symbolic of that time in… Continue Reading →

What is Your Perfect Sunglasses Shape?

This guide tells you what kind of sunglasses you should wear depending on the shape of your face. This is a very useful vis because it gives people who would not otherwise be aware a very systematic approach to picking… Continue Reading →

Zodiac Visuals

Zodiac signs are universal symbols that depict the time period when people were born. They are used by people on everyday things like jewelry to display their supposed personalities. I think this is a simple yet interesting way that humans… Continue Reading →

Make that Large, Please.

Large means different things in different countries when it comes to McDonald’s drinks. This is a cool way of showing that. Source: https://www.dramafever.com/news/japanese-mcdonalds-serves-smallest-drink-sizes-in-the-world/

Red: Passion or Aggression?

The way that we use colour in an info vis design means a lot- not only aesthetically, but also in terms of connotations. Over time, people have developed positive and negative meanings behind colours, and so these are things that… Continue Reading →


Heiroglyphs are the ancient Egyptian symbols used to convey written language. It is the equivalent to letters and words that we use today. This is an interesting thing in terms of info vis because it is possibly one of the… Continue Reading →

Are You Done Eating?

This is an info vis that people use (or are expected to use) in everyday life. It serves the purpose of notifying the waiter on how you like the food at a restaurant. I don’t think most people use it,… Continue Reading →


Source This is a 3D representation of what a 2D view of the world would look like. What gets even crazier is that this is actually a 3D idea (The game) projected into 2D (A Screen). Even crazier is that… Continue Reading →

Proportional Pie Chart of Spoken Languages

https://twitter.com/TeleportInc/status/841997568506789894 The first impression from this chart is that I was expecting a more significant proportion for the English language. I am also proud that my first language Bengali is spoken by so many people compared to other major world… Continue Reading →

Beautiful in English

“Beautiful in English” is a project by Nadieh Bremer (visualcinnamon.com) and Google News Lab, in which they visualized the most popular words translated from different languages into English. “Beautiful” is the most common word to be translated. The second most… Continue Reading →

into the fourth dimension by onionskinning

Playing with layering to represent time, with x indication faculty (subject), y indicating # of courses, area = # of students… Update: I’ve since implemented this as an interactive bubble chart visualization. It works much better than I’d imagined –… Continue Reading →

Spells You Ought To Know

(http://www.dorkly.com/post/70445/a-handy-guide-to-the-harry-potter-spells-you-need-to-know) I friggin love Harry Potter and finding this diagram made me very excited. Its pretty well organized and it makes it easy to associate spells with whether they’re a charm, a curse, or an unforgivable curse.

Bitcoin Fork

Source Although this is a very simple visual, it has huge implications. This is the number of blocks left in bitcoin to be mined, before bitcoin’s block chain gets hard forked. Essentially what this shows is how much time is… Continue Reading →

Powerful Faces

Source I can’t imagine the amount of time it would take to match the features of each image so as to generate a layered face like this. Essentially, every leader of a given country is taken as a slice, and… Continue Reading →

Equal Pay for Equal Work

Source I’m not much of a fan of geographical maps, but this one actually surprised me a bit. For example, I was not aware of the distinction of what guaranteed equal pay meant. It was interesting to see that north… Continue Reading →

Artificial and Natural Foods

Source Another look at graphs and how to represent them with large data. In this graph, the use of colour, as well as spatial partitioning combine to give a relative sense as to what you’re looking at.

Combined Flags of the World

Source There is an individual online who is attempting to combine groups of data using pixel averaging. For example, this individual once averaged all faces of the mlb. This representation is the average of all the flags of the world…. Continue Reading →

Prime Walk

Source A walk generated using the primes. Every digit was used to decide the direction of the path. For larger numbers, a larger scale was used for each step.

Bob Ross

Source An interactive visualization showing the colours Bob Ross used over the seasons. Each grouping is a season, and the higher the colour within the group, the more it was used within that season. Very fun and informative at the… Continue Reading →

More Pi Visualizations

Source Another approach at visualizing pi. Due to the possible transcendental nature of pi, we’re not even sure if a pattern exists. It’s still fun and interesting though to visualize.

Playing with my Data 4

I tried putting my data into some of the templates on http://app.rawgraphs.io/. Unfortunately, it couldn’t really handle it. This was generated with half of my available data and it is still quite a mess. The Raw templates look really nice and… Continue Reading →

work of Mel Bochner  

50 Years of ‘Avengers’ Comic Book Covers Through Color

October 30 WSJ visualized 50 years of comic book colors in an interactive data visualization! Try it for yourself here.

© 2018 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑