CPSC 683 - InfoVis

exploring information visualization



Yoga Sun Salutation

I enjoy practicing yoga, and think this is an excellent representation of how to do the sun salutation (Surya Namaskar) routine. It is effective because it conveys the poses without any extra information and zero words. Source: https://vedicambassador.wordpress.com/2013/12/15/benefits-of-surya-namaskar-sun-salutation-yoga-asanas/

Pop-Flavoured Lip Smackers

As I kid, I really liked collecting lip smackers flavours. This was the chapstick that kids would get in each other’s birthday loot bags. I remember thinking that it was really cool when I first saw the pop flavoured ones…. Continue Reading →

Braille Information Representation

Braille is written communication for blind people. It is represented by embossed material either in paper or plastic (on public signs), etc. It is an information visualization alternative for people who communicate differently. For people who view it visually can… Continue Reading →

Guitar Chords Visual

I enjoy playing music, and the most recent instrument that I am attempting to learn is the guitar, so I am familiar with seeing this kind of thing. This is an effective way of conveying which finger goes on which… Continue Reading →

Cirque du Soleil Formations

Cirque du Soleil, one of the most renowned circus’, includes performances that make use of formations. In my opinion, this is a way of conveying information in a very visual way. In addition to being an art form, this is… Continue Reading →

Abacus Info Vis Beads

I believe Abacus is a very applied example of info vis. This set of beads allows the person to learn math in a different way. Eventually, with the use of this info vis, people are able to apply this to… Continue Reading →

Agile Software Methodologies Text Visualization

This is a text visualization on agile software engineering methods. As can be seen, some of the more prevalent terminologies are backlog, team, sprint, scrum, and product. This gives the viewer a good idea of what it is about right… Continue Reading →

Code Organization

The way we organize code provides a visual understanding for other coders. We know that the indentation conveys a nested structure. The colours also distinguish different section of code. Here we see that the text following the two slashes (comments)… 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 →

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 →

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 →

Periodic Table of Visualization Methods

This interactive tool is like a dictionary of visualization methods. It lets you view an example when you hover over each one. It’s pretty cool! I think more can always be added though! Reference: “http://www.visual-literacy.org/periodic_table/periodic_table.html”

Spider Web Flights

This is a visualization of flights in and out of an airport (signalling their ascent and descent). This could easily look like an abstract piece of art, but actually depicts emerging air traffic control patterns over time. This sort of… Continue Reading →

Smartphone Skirt Fashion Technology

Nokia partnered up with Fyodor Golan to create this smartphone skirt. It uses 70 screens “which appear to be moving because of the installed software, which is built to mimic its surroundings.” It is a literal metaphor for fashion technology, and… Continue Reading →

NY Fashion Week Collection Colours

This visualization is also from the NY fashion week. It is a “fingerprint” of the collections. It depicts the colour that goes into the collection to highlight the trends. “Each look is broken into a minimal stack of color bars,… Continue Reading →

Front Row to NY Fashion Week

I have an active interest in fashion, so this “Front Row to Fashion Week” visualization really caught my eye. These are all the outfits from one designer, Narciso Rodriguez, and you can scroll over them to have a magnified view… Continue Reading →

Data Sketches

Here is a slide from my presentation that shows the data sketches that I have been working on to develop the idea for my project. I have focused on various parts of the data and various types of graphs.

Holomaps in Your Living Room

Holomaps is an augmented reality app that lets you view geospatial data through AR glasses ie. the HoloLens. In my opinion, it is a really cool tool to interact with spatial data. “https://www.youtube.com/watch?v=8gpuYzWVP9w”  

Bulk Candy (for Halloween)!

With Halloween approaching, I felt a magnetic pull towards candy. The bulk candy section in a grocery store is a good place to visually examine what kinds of candy is popular/ available. This is a very compartmentalized view of everything… Continue Reading →

Lemons versus Limes

I went grocery shopping and noticed the supply and demand of lemons versus limes in a very visual way. Lemons are 2x more available than limes.

Titanic Survivors

Titanic is one of the first movies that I saw in a movie theater as a child, so it always fascinated me. Here is a Sankey diagram/ parallel sets diagram that depicts who survived. It is actually interactable up and… Continue Reading →

I Made a Long-Weekends in Canada Calendar-Vis!

Since we just had a much-needed long weekend this past week, I was wondering whether we have one every month. I decided to make this calendar-style visualization to signify all of the months that have a long weekend. I focused… Continue Reading →

The Times That I Opened My Laptop Today

Here, I made a data visualization of the times in the day when I opened (and closed) my laptop today. The orange bubbles represent the opening and the blue bubbles represent the closing, so it’s like a timeline. First, at… Continue Reading →

“Dazzle Ships”- How Many Ships do You See? 8, 9, or 1?

A friend told me about these when I was working in my information visualization design job. These “dazzle ships” were used in war time to confuse the opponent as to where the warship was facing or even how many warships… Continue Reading →

Candy Crush Rewards Scheme

This is the reward screen that appeared when I came back to play candy crush. It is a visualization that tells you how many consecutive days you have been playing the game. If you keep coming, you are rewarded in… Continue Reading →

Calgary Green Cart Compost Sticker

This is the informational sticker on the compost bin that all Calgarians received as a part of the green cart roll-out. This is an effective visualization that allows people of all ages to quickly gauge what can and cannot go… Continue Reading →

Gemstone Jewelry Dust Painting

This is an artwork that I got from India, and is made from the dust particles/ by-products of when they make jewelry. This entire painting is made from gem stones- not any paint. Looking at the painting is an immediate… Continue Reading →

Most Trending

Music.ly is an app that I recently discovered, and think it’s a good app to waste some time on. Here is a visualization of the most recently trending hashtags from top to bottom.

Listen to Any Radio Channel in the World!

A family member sent this to me on WhatsApp. It’s a website/app where you can literally listen to any radio station in the WORLD! When you load the page, it shows you the entire rotating globe with green dots on… Continue Reading →

Travel and Culture

I really like travel-related things, and this is from a travel magazine that I was reading. It shows the cultural patterns of different countries woven into the same kind of cloth- all on one page- well two. I think this… Continue Reading →


This is the bulletin board that is situated in the math sciences building hallway. The repeated posters shows which events are advertised more than others or even who was most determined to advertise their event!

Fisheye Campus Map

This is the campus map that is displayed for visitors to the university. It is a good example of a fish-eye perspective. The larger image shows the main campus buildings in more detail whereas the smaller image shows that same… Continue Reading →

Pins and Needles

This is the push-pin colour preference that the person who sat at my desk before me had. I thought about laying them out like this to get a more visual perspective on the colour comparisons.

Air Purifier

This plant is supposed to be an air purifier for homes. Thus, the number of leaves in this plant are proportional to how clean the air is in my house. It is a direct physical representation with cause and effect.

Frozen in Time: Not a Sculpture

This is a sculpture that I made in my grade 11 art class. It’s actually not a sculpture, but an imprint of my arms/hands at the time. I made a cast of my hands using gauze and filled it with… Continue Reading →

Reinventing the Colour Wheel

This is the collection of nail polish colours that I own. I think looking at this picture will help me to keep track of the colours that I already have and the brands that I prefer when I try to… Continue Reading →


Optical Illusions

Domino’s Conquest

Music Meditation

CPSC Lab Retro Screensaver

© 2017 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑