CPSC 683 - InfoVis

exploring information visualization



A History of Alternative Music

Similarly to my last entry, I present another music visualization that I don’t know how to read. This print (created by James Quail) maps 300 alternative artists to the circuit diagram for a transistor radio. I know that this is… Continue Reading →

Circle of Fifths

I’m going to be honest: I don’t really understand this visualization. It was drawn by jazz musician and composer John Coltrane; the article says that’s a circle of fifths and goes on to explain its relevance to general music theory… Continue Reading →

City and Rural Population 1890

In an interesting bit of US history (I learned about while reading this article), W.E.B. Du Bois drew and exhibited visualizations about black Americans at the 1900 Paris World’s Fair. He’s quoted in this article as saying: “I wanted to… Continue Reading →

Yarnwork Math

Recently I’ve gotten into yarn visualizations, and I found this amazing article on Mental Floss that shows how math concepts can be visualized through knitting and crochet. It’s a very flexible medium, and one I think should be explored more… Continue Reading →

Australian Prints and Printmaking

In a previous life, I had done some work in Digital Humanities and prompted by my earlier adventure stumbling on the MoMA photo visualization, I reread some papers that I thought might help me with this project. One paper (that… Continue Reading →


In an amazing moment when I was struggling for inspiration, life handed me this amazing example. Object:Photo is a project done by MoMA to visualize the Thomas Walther Collection of photographs. This example that shows connections between photographers beautifully encapsulates what… Continue Reading →

The Data Viz Project

According to our presentations yesterday, many of us are still ideating and sketching concepts. I found this site that has over a hundred different visualization types. And to keep this on topic, I think the site layout is amazing– from… Continue Reading →

STEM Careers

Happy Ada Lovelace Day! It’s a day to celebrate women in STEM fields. I found this poster on their website detailing all of the different fields and careers available in STEM. This network shows all of the different connections between disciplines and… Continue Reading →

Shakespearean Tragedy Network

Martin Grandjean has created a network of characters that appear in the same scene in Shakespeare’s tragedy, and it solves a lot of the issues I found in the network I posted yesterday (size and placement encoding data, consistency in… Continue Reading →

10 Most Influential Poets in History

I have so many things to say about this visualization- I love the idea and data behind it, but parts of this vis (infographic?) really don’t adhere to the techniques we discussed in the first class. 1: The placement of the… Continue Reading →


One more Giorgia Lupi article. “Data ITEMS: A Fashion Landscape” is on display in a fashion exhibition at MoMA. If you look through images in the article, it shows the scale of this piece– mural-sized, taking up multiple walls. Looking through,… Continue Reading →

Data Humanism

Today is the last day of the IEEE Vis conference, and to celebrate, here’s a sketch I grabbed from an article written by the capstone speaker, Giorgia Lupi. Personally, I’m a huge fan (check out “Dear Data”), and this article… Continue Reading →

Teaching Notebooks

This article talks about the digitization of Paul Klee’s notebooks from when he taught at the Bauhaus from 1921 to 1931. While I love notebooks in general, this image stuck out to me due to its resemblance to a polar… Continue Reading →

Nobel Laureates

Reuter’s released this interactive visualization of the history of Nobel Laureates (made with D3!). There are pretty extensive elastic animations between the different kinds of displays. I think they could have been improved by making the animations less elastic, and… Continue Reading →

History of Science Fiction

This is an illustration of the history of science fiction, created by Ward Shelley. I like the lack of precision that comes with the representation because it expresses the kind of “fuzziness” that comes with actually defining the history of science… Continue Reading →

Chocolate Maps

This is a map of the streets of Tel Aviv made entirely from chocolate. It’s a shame that more information visualizations aren’t edible. I don’t have any real critiques here, but I have decided that it’s my new dream to… Continue Reading →

The Daily Routines of Famously Creative People

I really like this visualization! While their list of “famously creative people” is somewhat disappointing, I really like the interactions and exploration encouraged by this vis. You can see overall trends (so few people have day jobs, but food/leisure was definitely… Continue Reading →

Where the Animals Go

This is from an article about a new book called Where the Animals Go by James Cheshire and Oliver Uberti. This picture seems to be a part of a series that goes into more depth, but this gives an overview of baboon… Continue Reading →

A Brief History of CO2 Emissions

This 3D visualization reminded me of the ones discussed in last week’s paper. It’s very aesthetically pleasing and helpful to identify trends, but I can see how there might be issues of obscuring certain views. On the site, you can… Continue Reading →

AI Senses

This is one of many visualizations of how smartphones “see” available on Kim Albrecht’s site. Here is his description of the project (taken from his site): “This project visualizes raw sensor data that our phones and computers collect and process,… Continue Reading →

Sketchbook Book

In the spirit of finishing our 10 sketches, here’s an image from the Infographics Designers Sketchbooks (which I’ve never read, but appears to have many pretty pictures, some from Giorgia Lupi of Dear Data). Some of these are very detailed and make me feel… Continue Reading →

CO2 Emissions and Income

On this round of “I Think This Is a Cool Concept, But Your Lack of Labeling Confuses Me,” I introduce this graph originally published by Oxfam, and reproduced in the above Vox article about population and the environment. So, I think… Continue Reading →

Proving the best Star Wars film with data

Okay, so I’ll be the first to admit that this bar chart isn’t much on its own, but within the article, it’s the climactic conclusion of which Star Wars film is the best. The Medium article uses various data visualizations… Continue Reading →

Logo Drawings

This is one of many diagrams showing the accuracy of drawings done of company logos from memory (check out the link for more fun examples). I wanted to bring some attention to it, though, because I was somewhat confused when… Continue Reading →

Font Map

Ideo’s Font Map organizes fonts by similarity and places them near each other. Looking closely I think their algorithm doesn’t necessarily categorize fonts like a human would-  there are many “handwriting” type fonts away from the upper left bunch, and… Continue Reading →

Icelandic Saga Map

  The Icelandic Saga Map project is led by Emily Lethbridge of the Miðaldastofa (Centre for Medieval Studies) at Háskóli Íslands (University of Iceland). It’s a visualization of Íslendingasögur (Icelandic Sagas) geographically and chronologically. Granted it’s almost entirely in Icelandic, but I still like the… Continue Reading →


An article on Wired has this fun gif of a Humanscale tool used for ergonomics. I love this way to change the measurements via the circle page behind the main illustration. The illustration itself is fairly straightforward but seems a bit… Continue Reading →

Dots Aplenty

There’s a couple of other vises (vis’s? vizes?) in this article, but this one stuck out to me as being very minimal- just three dots spaced out in one dimension. I think this is entirely task-based because there’s not a… Continue Reading →

Time Map

MapBox has released a (new?) type of map that integrates time to destination as a visual overlay. As they describe their thought processes on this blog post (https://blog.mapbox.com/a-new-kind-of-map-its-about-time-7bd9f7916f7f), they sought to create a map that more reflects how people communicate… Continue Reading →

Healthcare Map

Found while going through my daily news (sadly engulfed by US politics). I’m of two minds– one: I think it’s great that they normalized all of the states’ areas in order to prevent larger states taking up more of the… Continue Reading →

Scarves As Records

As I was looking for more crochet patterns, I was reminded of projects people have created to track information and display it via a scarf (mood and weather are the most popular ones I’ve seen). As a rigorous data collection technique,… Continue Reading →

High School Plays

This visualization came from an amazing article (follow the link!), describing the most popular American high school theatre productions over the years. This vis is interactive– you can highlight plays as you hover over them to see them throughout the… Continue Reading →

Lack of Scale

My friend sent me this graph from the book Grit: The Power of Passion and Perseverance by Angela Duckworth. It describes how in the same time span, some people become experts and others stall out. At first, I found the graph fairly… Continue Reading →

Post-It Note To-do List

I like to keep my to-do list on as post-it notes on my fridge (the focal point of my life). I organize them by position and color, which now I know are two visual variables that can be used in… Continue Reading →

Fitbit and Uncertainty

  The new Fitbits have a feature that calculates VO2 Max scores (measurement of how the body uses oxygen) from heart rate. As heart rate isn’t a very reliable measurement for VO2 Max, this graph indicates uncertainty with radiating transparent circles…. Continue Reading →

Crochet Patterns

  I think crochet patterns can be categorized similarly to how we categorized maps: representing objects spacially, but still in the realm of visual abstraction. This pattern shows the how the individual stitches are constructed in a shawl.

© 2017 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑