CPSC 683 - InfoVis

exploring information visualization


Sasha Ivanov

Playrooms x BYBORRE

December 5 Visualizing the party at a night club with connected sensors for the attendees.

‘The Foundry’ staircase visualization

  December 4 “Small installation that visualizes consumer data on staircases in Google’s experience centre ‘The Foundry’ in Dublin.”  


  December 3 http://senseable.mit.edu/treepedia A visualization of tree coverage in different cities across the world.

Algorithms Tour

  December 2 Data visualization is used to explain complicated algorithms. Check out the full article here.


December 1 “A visual history of every manned Apollo flight, charting one of mankind’s greatest achievements all the way from Kennedy’s ‘We choose to go to the Moon’ speech to Armstrong’s ‘One Small Step’ and beyond.” – Made From Data

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 →

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 →

Data Viz Project

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

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 →


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!

The Office Visualization

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

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 →


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

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

The Words That Are “Most Hip Hop”

November 20 https://pudding.cool/2017/09/hip-hop-words/ “Using math to rank words that are central to artists’ vocabularies.” – The Pudding


November 19 http://clome.info/work/machine-visions/ “A visual essay on image similarity in Wes Anderson films via deep learning.” – Yannick Assogba‏ 

The unlikely odds of making it big

November 18 https://pudding.cool/2017/01/making-it-big/ “What three years and 75,000 shows in New York tell us about the chance your favorite band will succeed.” –  Russell Goldenberg & Dan Kopf

Data Cuisine Talk

November 17 Throwback to the class where were came up with a data dinner. A very interesting talk on data cuisine, getting into the details of  different data cuisine concepts. VERY COOL  

Project Ukko

November 16 “Project Ukko presents a novel way to spot patterns in seasonal wind prediction data. Understanding future wind conditions can become a crucial component block in supporting clean energy sources and climate change resilience.” – Truth & Beauty Operations

EPFL Data Monolith

November 15 “The EPFL Data Monolith presents an immersive data perspective on the complex microcosmos that constitutes university life. It is on display at the Data Square exhibition in the ArtLab building at the École Polytechnique Fédérale de Lausanne (EPFL)…. Continue Reading →

Sound as Color

November 14 “Sound as Color is an exploration in converting audible frequencies to electromagnetic waves perceptible to human eye relative to that of the audible frequency range of the input sound signal.” – Ronnie Pence

Film Flowers

  November 13 “top summer blockbusters reimagined as flowers” – Shirley Wu Check out the interactive data visualization here!

Vacation Visualization

November 12 “4,000 photos over 13 trips, their colors visualized. Further experimentation in color.” – Shirley Wu Check out this interactive visualization here!  

Visualizing DDR

November 11 A data visualization of every DDR song from their step charts (varying in difficulty) http://sxywu.com/ddr/

Explore Adventure

November 10 Visualizing travel search results by locations from around the world. http://explore-adventure.com

The Most Translated Words

  November 9 Visualizing the most translated words in an interactive data visualization. Check it out here!

Phantom Terrains

November 8 Visualizing the wireless signals that we encounter every day by converting it into sound. http://phantomterrains.com

A Year of Scrabble

November 7 A year of Scrabble games visualized in many different ways. Check out the full project here.

November 7 A year of Scrabble games visualized in many different ways. Check out the full project here.


November 6 The Visual Agency posted a simple chart daily. Check their instagram hashtag for a ton of minimal visual inspiration.

Forma Fluens

November 5 A timelapse and interactive map visualization of how people draw things from around the world. Very cool site! visualized drawing data in many different ways. http://www.formafluens.io

Sleep Drawings

November 4 “Ink and watercolor drawings (all about 12 inches), measured, cut arranged…from daily activity charts and nightly sleep data. Experimenting with the nature of brain proportions, and the a sympathetic connection each of us has to pattern.” – Laurie Frick


November 3 A visualization of many user’s mapping of color to moods. “Track your moods using colors and words. See visualizations of your moods.” – MoodJam


November 2 “FRICKbits uses location data from the phone that we down-sample and abstract into line and bits based on frequency of travel.” – FRICKbits

Visualizing music with the help of light painting

November 1 “[Stephen Orlando] took his passion for capturing motion in space to a new field: music. He added a light emitting system to violins to capture the movements of the musician, which turns it into a light work of… 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

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.

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 →


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 →

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 →


October 25 “Raw sonification of a 1D reaction diffusion system. Reaction diffusion systems are mathematical representations of the behaviours of fluids that can be found in nature. A key characteristic of these systems is that the initial parameters are simple… Continue Reading →

Visualizing an Algorithm

October 24 ”true/false is a machine that constantly generates instructions to reveal images and assigned patterns according to its algorithm. It visualizes the computational process and exposes the implementation of these commands. As the piece transforms into the assigned motif,… Continue Reading →

How Risky Are You?

SoundCloud Profile Visualizer

October 22 “The Soundcloud Profile Visualizer is not only a beautiful and interesting report of your Soundcloud stats, but also a fun way to visualize your tracks. Just click on one of the colorful planets and watch what happens. The… Continue Reading →

The Evolution of Video Game Controllers

October 21 An interesting, and a bit difficult to read, history of video game controllers.

Tidying Up Art

October 20 An excellent ted talk from Ursus Wehril, a designer famous for ‘cleaning up‘ and organizing things you wouldn’t expect.

Recipes Visualized Physically

October 19 Food is organized and placed on minimal backgrounds, visualizing the ingredients and required tools for each recipe. See all of them yourself at: https://www.behance.net/gallery/57167651/Eva-Trio-foodstyling?tracking_source=curated_galleries_list  

360° Book: Mt. Fuji

October 18 I found this book to be quite inspiring for designing 3D data visualizations. Perhaps could be applicable in mixed reality environments as well. “Drawing on both art and architecture, the award-winning 360° book allows the reader to get a… Continue Reading →

History of Apple Products Poster

October 17 A visualization timeline of ever apple product. (available for purchase) The Insanely Great History of Apple


  Oct 16 “Audio is a powerful device that can add emotion or context to a story. Unfortunately audio clips force uncomfortable choices: read or listen, but not both. Until now. SoundCite is a simple-to-use tool that lets you add… Continue Reading →

Where can North Korea’s missiles reach?

Oct 15 An impactful data visualization + news article discussing how far North Korea’s missiles could actually reach.  

Data Cuisine

October 14 The other day in class we were challenged to brainstorm ideas for a data dinner. I came across a website, created by researchers, that has done exactly that! http://data-cuisine.net

Phil & Sebastian’s Compost Restriction

October 13 I was at Phil and Sebastian’s Coffee and came across their new(ish) garbages. They company covered the ‘garbage’ and ‘recycling’ bins and only left the compost bin open. I thought this was a good use of design, presenting the… Continue Reading →

Google Charts

Don’t want to use D3? Try Google Charts! A simple way to add a range of different standard data visualizations to your site.


SandDance is a groundbreaking unit visualization created by Microsoft Research. Instead of aggregating data, say in a bar chart, each individual data point has it’s own mark on the screen that can be interacted with and transformed from place to… Continue Reading →

AtF Spark

A font for creating information visualizations in text. Just type! http://aftertheflood.co/projects/atf-spark

ARKit for DataVis

October 9 – A PhD student explores data vis with AR kit, including the image recognition of a banana. As someone looking to develop an AR datavis in the course, I came across this while looking for other examples of… Continue Reading →

Finding the Right Color Palettes for Data Visualizations

  InVision has a great article on how to pick a good color palette for a data vis. They also talk about different challenges when picking colors when there are many varying marks to encode. Can you easily tell the… Continue Reading →

Keyboard Visualization

October 7 A physical visualization of keyboard usage using 3D printing. Source

Live NYC Transit to Music

This website visualizes live New York City transit and creates a song out of it. http://www.mta.me

Feltron Reporter App

A beautiful iOS app for collecting personal data designed by Nicholas Feltron, a famous infovis designer. Use it to collect your own personal data and export it as a csv! http://www.reporter-app.com

webkay: What Your Browser Knows About You

A website that shows what your browser knows about you. Nice to see all on one page. Perhaps we could use this data in our own visualizations? http://webkay.robinlinus.com

Reading Response Characters

. October 3 I decided to visualize the characters used in my class reading response using Xcode’s Swift playgrounds feature. The code works for any set of text so let me know if you want your own response visualized!

Social Circle

  October 2 We can represent social circles using atom structure. People who are in your ‘inner circle’ are closer to you. As the dots move outwards, the further away your relationship with that person is. The color of each… Continue Reading →

Top Apple Music Songs

October 1 I created a visualization of the top Apple Music songs in Swift Playgrounds. The duration of the song is correlated to the radius of the circle. The filled dots down the middle are markers for visual guidance. With… Continue Reading →

The Sound a Car Makes

September 30 A group of 28 students wrote down the sound a car makes. I created a simple visualization to show the differences in their responses.

Nose Hill Park Leaf Art

September 29 As an extension of our previous leaf visualization, we decided to create a more artistic version of the data, showing the patterns of seasons.

Nose Hill Park Leafs

September 28 A friend and I visited Nose Hill Park and decided to collect, then visualize our findings. Included is a time-lapse (IMG_1693) of us putting it together. We arranged the leafs by colour, then placed items that “didn’t fit”… Continue Reading →

Facebook Matchup Game

September 27 I decided to create another social media game / visualization. Match up the status with the person who posted it. In this example I did not use the real names of my Facebook friends to hide their identity.


September 26 I got a haircut. In many wait the cut hair on the floor is data. It’s how much hair I grew over the past ~3 months.

The Reach of a Tweet

September 25 I wanted to visualize the reach of a tweet, so I drew out a map of all quotes, favourites, and retweets my last tweet had.

Ghost Towns Alberta

September 24 I created a map of all of the abandoned ‘ghost towns’ in Alberta from an article on Wikipedia. I’m interested in visiting some of them in the future. Let me know if you share this same interest! Google… Continue Reading →

Cartoon Colours

September 23 How have the colours of cartoons has changed over time? I picked out a couple of my favourite cartoons and compared the dominant colours of the couch scenes in them using a website. Overall it seems that tones… Continue Reading →

Soundwave Bracelet

  September 22 I converted a song (Memory by Com Truise) into a wearable bracelet. Interestingly, the sound waves hide the data they represent, keeping the song you’re wearing private in a pubic space.  

Piano Droplets

September 21 I decided to visualize the into of one of my favourite songs: Mirror Maru by Cashmere Cat. I looked at a piano cover created digitally, then drew a faint circle on top of each note played. Each frame… Continue Reading →

Fractal Font

Download the PDFs: a   b   c September 20 Inspired by Fat Fonts, I began to think of other ways we could visualize text. With fractal fonts you can continuously scroll into the text to reveal each character of a word…. Continue Reading →

My Netflix History – Fall 2016

September 19 I decided to visualize my Netflix history, from last Fall semester, as a ‘forest’ of data. Each branch on the tree is one episode watched. Interestingly, I found a gap in the data. There must have been a… Continue Reading →

MacOS Dock Shapes

September 18 I traced the primary shape of each app icon in the dock of my Mac. These are the shapes I see every time I open my computer. I was able to sort the shapes into four groups. Rectangular,… Continue Reading →

Sorted iPhone Home Screen Colours

  September 17 I took the visualization of my iPhone’s home screen apps I created two days ago, then tried to group the colours by hand. By simply grouping some of the colours together, we can already begin to see… Continue Reading →

Sleep Cycle Photoshop Effects

September 16, 2017 About one month of sleep data was collected (August 20 – September 16) with Sleep Cycle from the end of summer break to my first week of classes in grad school. I took a screenshot of each… Continue Reading →

iPhone Home Screen Colours

September 15   I took the colors of the apps on my iPhone’s home screen and simplified the icons into four primary colors each. These are the colours I see every day when I unlock my phone. What colours do… Continue Reading →

Pizza Toppings Preference

September 14 I visited Pizza Hut and asked them for a side of each topping they offer on their pizzas. After, I grouped them into three bins: Toppings I always like – Banana Peppers, Marinated Tomatoes, Roasted Garlic, Pineapple, Ham,… Continue Reading →

Reddit Crossword Puzzle

September 13 I created a crossword puzzle using the Reddit posts as the descriptions, and their respective subreddits as the answers.

Who I Was With

September 12, 2017 A personal data visualization keeping track of the people who I considered to be ‘with’ throughout the day. My day began with attending CAMPFest with a friend. During the middle of the show, my friend had to… Continue Reading →

Visualizing 9/11

  September 11 In this video visualization of the September 11th attacks, one tic tac = ~20 people. The yellow tic-tac encodes the terrorist group two executed the attacks. The red tic-tacs encode the 3,000 people killed in the attacks…. Continue Reading →

© 2018 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑