CPSC 683 - InfoVis

exploring information visualization


October 17, 2017

Github Contributor

(https://github.com/diannayim) I thought I would take a look into how much I’ve been committing to GitHub over the last little while, and turns out the answer is that I have been quite active both over the summer until now. An… Continue Reading →

League Improvement

(http://www.lolking.net/summoner/na/29562954/Dimsum1080#/profile) I’m a pretty obsessive gamer – the more stressed out I am, the more I game to try and alleviate that stress. This graph shows my progress in League of Legends from February until now. That huge spike at… Continue Reading →

Iron Ring Glory

While the iron ring that I got for completing my engineering degree does not look all that impressive, it actually has quite a bit of meaning (aka the $20,000 I spent for my undergrad). With this in mind, I realized… Continue Reading →

Lack of Design != Lack of Awesomeness

Went to Bro’kin Yolk a couple days ago with a couple friends, and this is the order that I got. On the outside, it didn’t look that great, but by the gods was it the most amazing thing I’ve had… Continue Reading →

Beauty in Websites

(https://www.facebook.com/gamersboard/videos/1742871752413182/) The picture is actually completely meaningless without watching the video, so please do watch the video ūüėÄ but this is a visualization of music by using drawings of the bike travelling over various lines. I think this is probably… Continue Reading →

Twitter Physicalization

The Data Necklace, Stef Lewandowski I have been trying to think of different physical mementos I could create with my text message data while looking for some examples I came across this. It is a necklace physicalization with a year… Continue Reading →

Chess Visualization

http://idav.ucdavis.edu/~dfalcant/projects.php?project_name=chess_game_visualization I find the idea of visualizing chess moves to be quite interesting and useful. I found this project on chess visualization where a hyperbolic tree is used to represent chess moves. Each node represents a game state and when… Continue Reading →

I like how you can see intensity and details about the match all in one.

youngest leader in the EU

source: https://www.economist.com/blogs/graphicdetail/2017/10/daily-chart-9 This is a very simple visualization. However, I like that they have used the date of birth rather than the age for this visualization. It clearly shows the wide range of data distribution.

World most photograph buildings

source : https://architizer.com/blog/most-photographed-locations/ This map has similar distribution to the other characteristics such as population density or income.Specially location is a tourist destination, it is more likely to photograph and share online.

Appreciating the Beauty

(artlogic.net) This is probably one of my favourite designs of websites I’ve ever seen. I found it a couple years ago when working on my web-based design project, but the way everything flows in that website as well as the… Continue Reading →

source:¬†http://www.sugarstacks.com/beverages.htm?utm_source=DesignTAXI&utm_medium=DesignTAXI&utm_term=DesignTAXI&utm_content=DesignTAXI&utm_campaign=DesignTAXI I think most of the food does not show the what it contain. Even though there is a text description on contains, most of the people ignore that or does not read it. I think this type of visualization… Continue Reading →

US property value

source:¬†https://www.citylab.com/equity/2015/07/mapping-the-us-by-property-value-instead-of-land-area/397841/ This map uses the property value to resize the areas. It shows that areas close to the sea is larger compared to the areas middle of the country. However, I find it is difficult to identify the areas by… Continue Reading →

US: Health Care

source:¬†https://medium.com/@sohanmurthy/visualizing-americas-health-care-deserts-675f4502c4e1 source:¬†http://flowingdata.com/2013/08/27/in-search-of-food-deserts I like these maps draw attention to where the problem is severe. However, the first map does not provide enough information (in text) to understand the graph. If the visualization is not self explained, it is important to… Continue Reading →

Music Confusion

This is a picture of a document my mom had me print for her a while ago, and it’s some music composition for her Chinese drum class. I’ve been pretty musical all my life, but when I look at this… Continue Reading →

Incorrect Representation, ft. Me

This is a small snippet of my resume, but I remember when I went down to San Fran to interview for Google, and one of the interviewers asked me, “What exactly do these percentages mean?”. And at the time, I… Continue Reading →

Work Scrum Board

This is part of our scrum board at work, with all of my coworkers being another colour. I thought this was really interesting because even though everyone had about the same number of post its on the board, some of… Continue Reading →


This photo quality is horrible, but I took it on a drive home a couple weeks ago. I thought the sunset looked was absolutely beautiful, and made a really nice colour scheme with the sky.

A History of Everything Notable

Source An interactive visualization of the timeline of anything notable that has ever happened. The way the page is laid out lets a user see the frequency in which notable events happens over time. There’s a lot of customization available… Continue Reading →

Listen to sorting

Source You cant show it, but this is an interactive visualization that lets you hear multiple types of sorting algorithms as they sort. There’s the ability to change the size, type of sort, speed, etc. Listening to some sorts on… Continue Reading →

Languages in the World

(http://snip.ly/pJsZ#http://www.puffpuffproject.com/languages.html)   The above is an example of an interactive map made by DensityDesign which serves to introduce non-linguists to all 2,678 languages spoken in the world. The visual also allows you to explore language families, where they are most… Continue Reading →

seeing the invisible

still thinking about motion and traces of events, and got thinking about the particle accelerator at CERN. They use detectors and visualizations to make subatomic particles and their tracks visible to the naked eye. Snapshots of incredibly small and incredibly… 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 →

History of Apple Products Poster

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

© 2018 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑