CPSC 683 - InfoVis

exploring information visualization



Boston Coastline: Future Past

So this visual might be cheating, because the project doesn’t focus on visuals, but on experience. Developed by Catherine d’Ignazio, Boston Coastline: Future Past is described by her as “a ‘walking data visualization’ in which 30 participants traced a route… Continue Reading →

Transformation Maps

This is a gif from an article about the Transformation Map vis developed by the World Economic Forum. I think the interaction of this vis is nice, as it only shows a subset of the data at any one time,… Continue Reading →

Rhythm of Food

This is a radial drawing of the date and number of Google searches for the term “kale.” I think it’s really interesting to use this layout to see if there are any seasonal trends, but I also like their use… Continue Reading →

Life in Clay

Alice from the Ilab has a project in which she embeds her personal data into handmade pottery. I absolutely love each of these pieces and how she creates an artifact that shows this data.

Career Paths

This is a visualization of the number of citations scientists accumulates across their careers. I think that this is a gorgeous visualization; I love the color scheme. However, I have a huge amount of trouble reading it. Some of the lower… Continue Reading →

The Bechdel Test

This is the Bechdel Test article I referenced briefly in yesterday’s entry. I bring this up also because this small snippet had some of the most engaging interaction in a visualization that I’ve used recently. This shows how many films… Continue Reading →

Film Dialogue

(I apologize for The Pudding spam, but I’ve fallen in love with these articles.) This article extends on a previous article about the Bechdel Test in film by showing the gender composition of film dialogue. In this very telling, but… Continue Reading →

Measuring racial diversity in journalism

This comes from another article interspersed with interactive visualizations. The color choices in these visualizations caught my attention–when referring to issues in American politics, blue and red have very definite connotations. I wonder how intentional the color choices were as an attempt… Continue Reading →

Song Repetition

This is from an incredible article that visualizes trends in song repetitiveness in various formats.  It’s an incredibly cool interaction on top of a fairly straightforward series of visualizations. But they all come together to tell a story.

Arctic Sea Ice

This chart animates each line separately so you can see a year by year difference. I think that this kind of animation is incredibly valuable as a way to grab a reader’s attention and make a message stick.

Drug Co-Morbidities

Though an aesthetically appealing image, this graph of drug co-morbidities means absolutely nothing to me. I have no idea how these nodes and edges are mapped to the underlying data or even the details about the data itself.

The Yangzhou Zhongshuge

Within a Chinese bookstore and library is this tunnel of books that are mirrored on the floor. I think this is a beautiful space I’d love to visit.


Kristina Szucs describes this touchscreen visualization as:  “four interactive data visualizations that are based on the collection of the Petőfi Literary Museum, Budapest, Hungary. The application provides additional information on the authors of the Nyugat periodical. With the help of… Continue Reading →

Spotlight on Profitability

This is a static visualization done by Kristina Szucs showing how profits of a movie vary depending on critic response and genre. I love this use of the metaphor of the spotlight and how much it relates to the topic.

Woods of Net

“Woods of Net” is by artist Toshiko Horiuchi and is a permanent installation at the Hakone Open-Air Museum in Hakone, Japan. Horiuchi knit the net by hand and created a 3D area for kids to go inside and explore. I think it’s a… Continue Reading →

Floating Star

Serendipitously, after talking about visual illusions in class, I found this article on Twitter. It shows some of the more recent winning optical illusions. This one from 2012 was the coolest to me, but I admit that as I write… Continue Reading →

New York Times Front Pages

I found this on Twitter, and I think it’s a super neat visual timeline. I do wish that it included years so I could figure out when pictures became more prevalent and expected on the front page.


I fond this image from the announcement gallery of the new Visual Journalism book (https://www.amazon.com/Visual-Journalism-Infographics-Newsrooms-Designers/dp/3899559193). This one appeared with no description, but I can gather from context that it’s from German newspaper Die Zeit and is called Kriegsjahre (“War Years”… Continue Reading →


This image is by photographer Bernhard Lang, and it’s gorgeous. It’s an aerial view of an Italian beach and I find it incredibly satisfying to look at. I don’t know how staged the colors or the even positioning of those… Continue Reading →

Earth’s Population

Normally when using a map to visualize data, the visualization can be misleading because of the size of the country taking up more space. On this map “each yellow cell represents a 3-by-3 mile area of land with a population… Continue Reading →


I love pictures of notebooks and sketchbooks–I feel like they give insight into the development of thought that you just can’t get digitally (as well as showing the experience of life like bending of paper and coffee stains). This is… Continue Reading →

Collective Debate

This 3D line chart comes at the end of a collective debate experience by MIT, in which they ask you about your morals and scale your results by how much you care about Harm, Fairness, Ingroup, Authority, and Purity. Then… Continue Reading →

Malaria No More Scarf

This scarf is a physicalization by Giorgia Lupi that shows the lives saved by Malaria no more. It’s sort of a timeline in which each square of color represents the data at that particular year. Her original sketches, which you… Continue Reading →

Home Run Map

The visualization from yesterday (by Susie Lu) was done with Semiotic, a data visualization framework for React. I was curious and I found this example on their site. If you can see on the right, you can choose the different… Continue Reading →

Strong Openers and Late Bloomers

This vis is by Susie Lu and it takes inspiration from the New York Time’s 2008 visualization (http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html). This shows the total box office revenue of 2016 and then separates it out into strong openers and late bloomers. I admit… Continue Reading →

The Evil of Daylight Savings Time

I apologize for the US only map, but they didn’t have one for all of North America. But my point still stands– we should abolish daylight savings time. This map is amazing in that it shows how much more reasonable… Continue Reading →

Yarn Bombing

After reading about “urban knitting” or “yarn bombing,” I thought it would be fun to share. Wikipedia describes it as “a type of graffiti or street art that employs colourful displays of knitted or crocheted yarn or fibre rather than… Continue Reading →

Gender Representation of Comic Book Characters

Amanda Shendruk created this amazing group of visualizations that show gender differences in comic book superheroes. It shows how women tend to have mental powers while men have physical powers, that only 8% of superhero teams have more women than… Continue Reading →

Subway Maps

Picking up from the previous discussion about distortion, I found this gif that shows how subway maps correspond with actual geography. Honestly, I wish that both views were used because often times I take a longer route to a destination… Continue Reading →

AuthaGraph World Map

  We’ve talked a lot about distortion in class, and how sometimes distortion may be helpful in gaining a more useful view of data. This “more accurate” map reminded me how our normal world map is heavily distorted and how… Continue Reading →

Yearly Sun Graph for Calgary

As we creep closer to winter, I wanted to check the sunrise time for today which seemed later than it had any reason to be, I found this graph. I love being able to see the differences of day length… Continue Reading →

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 →

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 →

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 →

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 →

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 →

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 →

Cinema Palette

So, as I mentioned in class, want to do something with the colors of the photos in my dataset. While looking for examples, I found this Twitter user who shows the palettes of famous movies. Unfortunately, it’s not the color… Continue Reading →

Tidal Datum

Adrien Segal describes Tidal Datum on her site as “a series of data sculptures visualizing tidal charts as a physical experience to reveal the subtle unseen patterns in the ocean’s sea level as the tides rise and fall in a… Continue Reading →

FedEx SoundTrack

If you input a FedEx tracking number into the site (or create a package), it will take the dimensions of the package, and the details of its transport, and create a song from the different variables. I thought this was… Continue Reading →

Anaximander’s World Map

This is an incredibly detailed and accurate map of the world by “6th century B.C.E., Pre-Socratic thinker Anaximander, student of Thales, whom Aristotle regarded as the first Greek philosopher” (from the page linked). I joke about it being not very accurate,… Continue Reading →

Philosopher’s Web

I had a lot of usability issues when trying to play with this visualization. It’s supposed to show connections between philosophers, but I am having a huge problem with lag and I can’t zoom in close enough to see anything…. Continue Reading →


This is a visualization using data from TVTropes, showing the difference between gender distribution within popular tropes (and the prevalence of adjective in those trope descriptions with connections). I like this addition of multiple visualizations into a single view to… Continue Reading →

Adobe Project Lincoln

At the Adobe MAX conference, they discussed one of their new prototype tools, Project Lincoln, which will be used for data visualization. It’s supposed to be focused more on the visuals and ease of use. This example, however, doesn’t seem… Continue Reading →


I found this collection of birds, photographing the patterns of how they move. This seemed especially relevant to yesterday’s conversation about observing nature to gain inspiration. In this, you can see how a flock of birds would land on the… Continue Reading →

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.

© 2018 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑