CPSC 683 - InfoVis

exploring information visualization


October 2017

Topic Modelling for Text Analysis

  Modelling the result of analyzing the text from an article. It provides a very nice way to see what people are talking about in the selected articles

Elevation Map of Crime rates in Different Cities

Crime rates in cities around the world shown using physical elevation maps.

Physicalization of World Population

Representation of World population from 10,000 BCE to 2000 CE.

London Transit

https://www.wired.com/2013/08/london-underground-3d-map/ This is an interactive 3D visualization of London transit. It includes with real-time data, line depth, and detailed mapping. Although without proper labeling this could be incredibly useless.

An Interactive Visualization of Every Line in Hamilton

Hamilton is great and so is this visualization by Shirley Wu. Each line (or set of lines by the same person) is a circle, and you can group them by singer, theme, or song. It’s a lot of fun to… Continue Reading →

Stack, Real time graphs of popular stories by time

the stack visualization constantly updates stories with the most recent activity load across the bottom of the screen and then ‘Diggs’ seemingly fall from the sky to land and create a real-time graph of what stories are popular.

Narrative 2.0 visualises music

This is an absolutely beauty! credits (http://www.matthiasdittrich.com/projekte/narratives/visualisation/index.html) The music was segmented in single channels. The channels are shown fanlike and the lines move from the center away with the time. The angle of the line changes according to the frequency… Continue Reading →

Graph of twitter chats that contains “datavis”

credits (https://www.flickr.com/photos/marc_smith/8924975889) This is a graph of tweets that contains the word “datavis” taken from 1500 users over a 7-day, 2-hour, 0-minute time period.  Data visualization is increasing coming into focus!

Light-up trees

I’ve been playing around with the idea of lighting up themes inside word trees as the words are spoken for my project. Since there are so many final statements with so many starting words, this visualization would end up being… Continue Reading →


Yesterday’s sunset painted some gorgeous colours across the sky. So I thought I’d share! Nature is beautiful. 🙂 Unfortunately my phone camera couldn’t capture it as nicely as it looked in person. But there were crazy pinks, blues and yellows… Continue Reading →

Laundry Language

I’m sure glad that most clothing tags also include written instructions for washing and drying. I was never taught the language of laundry!


It’s still weird to me how big this gluten-free fad has been and how much companies have been cashing in on it. But I guess this giant sign at Starbucks would be helpful for any celiac people! But is wheat-free… Continue Reading →

Elevated Lego Map

This 3-D elevated map made with lego truly makes the world tangible. Even though we often use lego to do a quick prototype of things, we don’t often think of them as the end product. This is a very good… Continue Reading →

Architectural Infographics

These are the symbols someone is using for architectural infographics. I think it is interesting to see if the buildings can be inferred by just looking at the photos and not paying attention to the names. That is a measure… Continue Reading →

20,000 Year Old Tallies

The Ishango bone is the world’s oldest mathematical object to be discovered. The tallies keep track of some form of counting. It was discovered in Africa, and there are many theories around what it was used to count/ measure. I… Continue Reading →

Network view of Topics in an article

A network view of the topics from a topic model of PMLA (source http://pmla.site44.com/), where links are created for shared words between topics. size of the circle represents approximately the number of words in the topic. Color is use to… Continue Reading →

2008 Stanford Dissertation Browser

This is an interesting visualization of the number of dissertations by department with reference to the Chemistry department. I like the fact it uses a slider to move between the years. The size of the circle represents the number of… Continue Reading →

Textual Visualization

The Termite system. A Combination of tabular view, displaying term-topic distributions for an LDA topic model and  a bar chart (right) showing the marginal probability of each term.

Words Spoken in LOTR

(https://www.visualcinnamon.com/portfolio/words-lord-of-the-rings) This visualization displays the words spoken by the characters of Lord of the Rings. Even though its a cool concept, it can be a bit hard to read at times since, for the thinner connections, it becomes a little… Continue Reading →

Amazon HQ2 representation of all 238 bidding cities

    Visualization of the 238 cities bidding for Amazon’s HQ2 represented in 3D. (converted to 2D here). Common Calgary

aggregate data layers

This sketch has 8 layers of data – 1 per semester – showing # of courses by faculty. The area of each square shows the total # of students in each faculty’s courses (square root of the number to convert… Continue Reading →

Wikileaks Text Vis

Jonathan Stray. Wikileaks Iraq: how to visualise the text. www.guardian.com. https://www.theguardian.com/news/datablog/2010/dec/16/wikileaks-iraq-visualisation “At the rate of one document per minute, it would take 272 days non-stop to read every report — and you still might miss the big picture. This is… Continue Reading →

From the National Museum of Scotland, this is a Court Dress from 1740

I’d rather be a sparrow than a snail

Interactive emotion based visualization that deals with various artists and their lyrics.  In this case we have the one and only Simon and Garfunkel.   When an artist is selected, it highlights and shifts the focus to the words and emotions… Continue Reading →

Try to see it my way

This little diddy comes to us all the way from GE.  This was an interactive visualization that showcased the words used in internal reports over the last century .

Wearing a face that she keeps in a jar by the door

So in the last 5+ posts I made I noticed the images don’t show up unless you click on the actual thread.  Sad times indeed.  In the spirit of all things Beatles today folks, check out this little diddy related… Continue Reading →

34 UN Global Environment Outlook

Peep this.  created for the United Nations Environment Program (UNEP).  Cool spin on the traditional tree like structure.

The Beatles – Working Schedule

Thought this infographic was great!  Ever wonder what months and years had the beatles in studio / working the most ?  You can find out.  During their start it seems they were very busy throughout most of the year, as… Continue Reading →

Geek Zodiac

  Find your sign.  Thought this was an interesting little infographic?  Packs a lot of years into the mix, uses a variation of colours to map to signs.  Where there are multiple representations, it utilizes a multiple colour wheel.  I… Continue Reading →

Starbucks vs McDonalds

Infographic ! Ref: Princeton University website   Not a major fan of this info graphic.  However, we most definitely can see that McDonald’s dominates portions of western Europe.  Bonus for that, however, compare North America, not so easy to decipher,… Continue Reading →

Strange things be happening

Somewhat inspired by the recent release of Stranger Things 2 – I was in the mood to search out some lightning related images.  This one is representative of Bitcoin’s Lightning Network (see: CoinDesk).  I thought, alright this is cool.  We… Continue Reading →


Is this an infographic or even a visualization of data?  No.  Could it be, most definitely I feel.  I liked this image, I thought not only could the colour palette / ramp symbolize some form of data or another but… Continue Reading →


October 31 Each year Calgary has a halloween data challenge called #yyckidcount that encourages users to tweet the number of kids that visit their home! Here’s how one turned out in 2014.   http://yyckidcount.kenwtong.com

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.

Arthur’s Family Tree

Arthur was one of my favourite cartoons to watch as a kid, so I thought this was a cool vis. Someone posted it on Pinterest. It conveys Arthur’s family tree. It is engaging because the cartoon character images are embedded… Continue Reading →

Oil Consumption in the world

https://www.slideshare.net/gtmarketing8688/data-visualization-inspiration-analysis-to-insights-to-action-faster I found this visualization to be very simple but very effective in communicating the core message. The first visualization uses a pie to display the list of countries with the highest consumption of oil. All countries are not presented… Continue Reading →

The 7 Kinds of Data Visualization People

  The above image is an example taken from the article, “The 7 Kinds of Data Visualization People.” It shows the work of Excel Brute Forcers, which is a subset I had no idea existed. Those are incredibly nice looking… Continue Reading →

Playing with my data 3

Generated with Voyant Tools: http://voyant-tools.org Bubble graph of top 5 words. I like how simple and beautiful this is, I could see expanding on this idea. Having these lines of bubbles be a building block as part of a larger visualization…. Continue Reading →

World debt visualized

Holy. That’s a lot of debt. http://www.visualcapitalist.com/63-trillion-world-debt-one-visualization/ What struck me was the dual visualizations – area of the country representing the sheer dollar value, colour representing that amount as a share of GDP. Interesting. Japan’s kind of a mess, apparently…. Continue Reading →

Tick Tock

  October 29 “Introducing TickTock, a Sid Lee Collective art project that explores how we visualize the passage of time. Collaborating with bleeding edge artists and designers, the project aims to challenge the conventions of the traditional clock face. From… Continue Reading →


October 28 “We created Vizzy because the “like” button doesn’t always translate in the physical world. But your opinions deserve to be seen and heard. Vizzy uses an interactive voting interface to provide a daily data visualization around a given… Continue Reading →

LEGO calendar visualization

Interesting use of lego to visualize a calendar – and bonus marks for making it integrated. Apparently, taking a photo of the lego calendar with an app triggers google calendar somehow. http://vitaminsdesign.com/projects/lego-calendar/

Starbucks Symbols

Starbucks employees use shorthand symbols to represent the drink that needs to be made. It must be like learning a mini language to work there. This “CH” was for my chai latte. What would they write if I had asked… Continue Reading →

3D Cone Tree and 2D Shadows

Another wonderfully low-res example of a cone tree by Richardson et al. This one “descends” in a horizontal direction, which is different from previous examples I’ve seen. I like that the shadows below the tree give a kind of 2D… Continue Reading →

Cone Tree

Another example of a 3D tree (created by Alan Dix). My apologies for the low resolution, I couldn’t find this in a better quality. This one uses a cone structure to show the parent-child relationships, hence it is titled “cone… Continue Reading →

Circular Tree Layout

Another version of a word tree. I like this circular layout a lot more than the horizontal one I shared previously. (Stanford University)

Top 10 English Words Visualization

https://newatlas.com/art-ones-and-zeros-data-visualization/49926/ This is a visualization of the top 10 words translated from all 10 languages combined into English.  The words are repeated in a circular pattern positioned from the center based on their rank. Although I can’t see the point… Continue Reading →

The Emotions of London

  This is from an analysis of how the “different emotions come to be associated with different locations in fictional London.” While I think it’s an amazing concept and dataset, I am somewhat confused by the colors chosen in this… Continue Reading →

Playing with my data 2

Term Berry: generated by Voyant Tools: http://voyant-tools.org This is an interesting way of getting the same information as a word tree but through interaction. You hover over the word you are interested in, it gives you the frequency of that word… Continue Reading →


October 27 “Locu was created by 72U in a search for the ideal creative working environment. We wanted to explore where we could be our optimal creative selves. We made a limited run of 70 to give as gifts to… Continue Reading →

unity mockup

this is a super crude quick Unity mockup of a subset of my data. I wanted to test to see if an idea might work – I think it might. Now, to flesh out the concept a little more. more… Continue Reading →

“I Am Afraid” – Maria Lantin

(http://marialantin.com/i-am-afraid/) I took this picture myself but the link to the project is provided. This was an incredible visualization – the idea is that you could use a wand to run over parts of the words, and start to play… Continue Reading →

LlamaZoo Visualization

This is something I saw at an event while I was in vancouver. A user is using the Vive to manipulate a dog with all of its internal components visible. The idea is to teach people anatomy of animals, and… Continue Reading →

Rubix Cube Advice

I was awkwardly walking through the airport in Vancouver when I saw this ad, and for some reason it was extremely appealing to me. Maybe because of the finished rubix cube, but it was one of the few things that… Continue Reading →

Data City

This is a page from Data City, a “graphic novel” data storytelling mashup with inspiration from Frank Miller’s Sin City. While I have mixed feelings about that comment about millennials, I still think the project seems really fun. I love when people… Continue Reading →

Playing With My Data 1

Generated with Voyant Tools: http://voyant-tools.org Well, we went over all the reasons word clouds are bad in class but this was an interesting look into the speech patterns that my partner and I use.  This might be a good stepping stone if… Continue Reading →

Poetic Visualization

http://www.visualcomplexity.com/vc/project_details.cfm?id=386&index=27&domain=Art Each year in Bremen, Germany an international literature festival is organized. Every year a design theme is chosen to turn poetic texts into an image by a computer program. The image displayed here is one of the representation. Each… Continue Reading →

In My Dreams

October 26 “Dreams are a subject of mystery in everyone’s lives. We may never be able to decode our dreams fully and attempting to do so is somewhat of a never-ending task. While I find dream interpretation interesting, I am… Continue Reading →

Yayoi Kusama

Vitruvian Man

(https://en.wikipedia.org/wiki/Vitruvian_Man) The Vitruvian man is a visualization made by Leonardo da Vinci based on the correlations of ideal human proportions as described by the roman architect Vitruvius. Drawn by Leonardo da Vinci, it demonstrates a blend of methematics and art… Continue Reading →

Minotaur Maze

(http://paigeentwistle.com/greek-myths/theseus-and-the-minotaur/) According to the myth King Minos would lock his enemies within his maze to be devoured by the minotaur. Interestingly enough, differently from other “mazes”, the one used by Minos was circular and actually more of a labyrinth than… Continue Reading →

Red Black Trees

(https://en.wikipedia.org/wiki/Red%E2%80%93black_tree) A red black tree is a type of self balancing search tree. Differently from the standard AVL tree, red black trees have an extra bit that represents the color of the node. These colors are used as an extra… Continue Reading →

3D Trees

One of the ideas I’ve been exploring lately is trees in three dimensions. I thought this could be a way to incorporate some of my previous ideas with some new more “vis”-y ideas. I’m playing with the idea of building… Continue Reading →

Progress Update

Just a small update on the 3D update for my visualization. You can view the whole board through time and toggle certain colours on and off to see where patterns were being created. Additionally, you can make the whole object… Continue Reading →

Lego Store

Visualization as a sales tactic. The Lego store in Chinook has this display where you hold a box set of lego up to a camera. The screen on the wall displays a 3D put together version of the lego set… Continue Reading →

History of Infographics

This piece called the History of Infographics, details important information visualizations from 1630. I think some of these have made appearances on this blog, so I’d say it includes pretty good examples. One thing that I wish they did was… Continue Reading →

volumetric data visualization

We’ve seen the Citi volumetric data visualization prototype before, but this sample image resonates with me for how I might make my data project visible in 3D space (and interactive). via http://8ninths.com/case-study/citi-holographic-workstation/

Visualizing Large Graphs

Source This company essentially works with processors and developing them for use in machine learning applications. This graph representation has around 3mil nodes. I like the organic feeling it has to it, and the perception of an almost primitive life form.

Emotional Range Chart

(https://simple.wikipedia.org/wiki/List_of_emotions) This wheel was developed by Robert Plutchik and is used to illustrate different emotions in a straightforward way, while allowing the measuring of emotional ranges. He suggested 8 bipolar emotions and color coded them to facilitate their association. Although… Continue Reading →

© 2019 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑