CPSC 683 - InfoVis

exploring information visualization


Ferdous Ahmed

Pulp Pavilion

http://ball-nogues.com/#project-250 Los Angeles-based studio Ball-Nogues designed a production process where a blend of pulp, water and pigment was sprayed onto a three-dimensionally woven lattice of natural rope, hardening into a rigid, self-supporting matrix that is much lighter than materials of comparable strength. They… Continue Reading →

Playing With a Sketching Tool

    http://mrdoob.com/projects/harmony/#fur An online tool was used to sketch this beautiful image. They have a vibrant set of brush tools to create simple sketches. It uses neighbor point connection concept. Check out the link to draw simple designs.

Visualization of Abstract Data

http://onformative.com/work/4010-facebook-tree This image is based on the data retrieved using Facebook’s Graph-API over four years time. A set of hybrid generative and organic tree was used to represent branches and leaves of the tree using a collection of algorithm inspired by biological… Continue Reading →

Hourly Breakdown of Social Networking Sites

http://blog.wolframalpha.com/2013/01/23/introducing-expanded-personal-analytics-for-facebook/ This is the hourly breakdown of different social apps that we use every day. One thing that will make sure this visualization will not stand the test of scrutiny. There is no mention of the most significant social networking site,… Continue Reading →

Sentiment Over Time

http://www.columbia.edu/~jp3380/samplework.html The image shows the sentiment score of US citizens in 2012 presidential re-election. Safe to say the USA took their reelected chief positively. However, the negative score indicates it was not a clean victory for the president.

NFL Fan Distribution

https://blogs.sas.com/content/sastraining/2013/05/16/visualizing-nfl-fans-on-a-map-based-on-facebook-like-data/ It’s safe to say that the distribution of NFL fans is regionally uniform which is not surprising. The white clusters represent missing data.

Overlapping And Non-overlapping Clusters of Social Interactions

https://www.researchgate.net/publication/311645849_Community_detection_on_complex_graph_networks_using_Apache_Spark/figures?lo=1 Image of a cluster that has both overlapping and non-overlapping components. I think the visualization can be improved if we can split the visualization into two simple viewings triggered by a toggle button. One visualization can focus only on edges,… Continue Reading →

Turing Machine

http://acg.media.mit.edu/people/jarfish/turing/turing.html   This is a visualization done to simulate the Turing machine. Some key ideas came out from this visualization. A program can be clustered and laid together in such a way that it maximizes the speed of computation. It can also… Continue Reading →

Visual Programming Interface

http://acg.media.mit.edu/people/jarfish/plate/plate.html An interface like this would really help young programmers to enjoy solving problems just for fun. This is a great way to create an abstraction of the difficulty in programming. Plate integrates all the standard programming interfaces into a… Continue Reading →

Amorphous Shape Visualization

http://acg.media.mit.edu/people/jarfish/honey/ This is an excellent visualization of amorphous shapes and how they can be placed inside a circle.


https://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/ The sphere displays videos from all the great talkers participated in TED conferences. If the layout were selected based on the geospatial organization of the talkers, then this globe would have been more meaningful.

Mapping the internet

http://www.sysctl.org/rootzmap/   The map is collected from NASA website from the satellites. This map shows how the internet is accessed from different geological locations.

Mapping The Blogosphere

http://datamining.typepad.com/gallery/blog-map-gallery.html This map is part of a collection of maps of personal websites (aka blogosphere). Entire map here is one giant connected component formed by any directional links between blogs.

Flickr Shapes

http://polymaps.org/ex/flickr.html  Flickr geotagged data was used to produce this map. The idea is to connect the location where the photo was taken and connect the dots with other locations. If enough data is collected you can identify the remote locations… Continue Reading →

Music Visualization

http://www.matthiasdittrich.com/projekte/narratives/visualisation/index.html All the music is segmented into a single channel. Each channel is represented by a line deviating away from the center in a fan-like representation. High frequencies are represented using orange color.

Selfie City

http://selfiecity.net/ The Oxford Dictionaries’ 2013 word of the year was “selfie,” and for a good reason: usage of the word in the English language increased by 17,000% from 2012 to 2013 alone. Now that the term and concept are an integral part… Continue Reading →

Goldilocks Earth Similarity

http://tulpinteractive.com/goldilocks/ Visualization of exoplanets similar to earth. The number is very small which signifies how unique our planet really is.

Too Much Booze?

http://www.ctvnews.ca/health/more-than-200-canadians-hospitalized-from-booze-every-day-study-1.3472551 The chart shows the number of people hospitalized every day for alcohol intake. Northwest territory seems to be leading the flock here.

Middle Eastern Conflict

https://www.vignetteinteractive.com/untangling-middle-east-data-visualization/ I am always fascinated by the complexity of middle eastern conflicts and how different parties are related to each other during the events. This graph visualization is not helping very much. It’s like the graph is saying it’s too… Continue Reading →

Pharmaceuticals Affecting Fish Farms

https://searchenginewatch.com/2016/06/28/17-inspirational-examples-of-data-visualization/ The image shows what percentage each pharmaceutical drugs are affecting fish farms by constructing a fish using the pills.

Orbiting Satellites

https://blog.udacity.com/2015/01/15-data-visualizations-will-blow-mind.html The trajectories of 1300 active satellites orbiting the earth. Each circular shape represents one satellite, color-coded by their respective country and sized based on the mass during the launch.

Payback Musicians

https://www.clickz.com/wp-content/uploads/sites/2/2016/06/streaming-pay.png?_ijcid=1511201541270|1.198636580.1511201397826.1b9a261d The visualization shows how different music platforms payback to the musicians who keep this platform running. Although YouTube is the most significant platform, it also lookout for the contributing artist the least.

Protein Taxonomy Viewer

https://rostlab.org/services/biojs/gsoc.html Proteins are building blocks of our body and is responsible for many functions such as growth and repair of the cell, signal generation, etc. So, the study of proteins for different types of species is vital for scientific advancements…. Continue Reading →

Visualization Using Electronic Parts

http://www.re-flexion.net/tag/electronic-art/feed/ Nandita Kumar is a young Indian artist who uses electronics to make sculptures and other visualizations. She transforms the electronic material, using its plastic characteristics, to create new objects. She also uses the electronic function of the components. Her work raises… Continue Reading →

Hurricane Noel

https://www.hakaimagazine.com/article-short/amplifying-data-through-art Here, data from Hurricane Noel has been used to create this musical sheet. To create this artistic interpretation of Hurricane Noel, Miebach started with a six-octave piano keyboard (seen on the right) and plotted wind, temperature, and barometric pressure data… Continue Reading →

Tsunami Sculptures Exhibition

https://www.hakaimagazine.com/article-short/amplifying-data-through-art The floating sculpture in the picture is created by Echelman’s studio which used data from the US National Oceanic and Atmospheric Administration (NOAA) to generate the 3D models. The name of the ethereal aerial piece, 1.26, comes from the number of… Continue Reading →

Radar Plot

https://www.linkedin.com/pulse/driverless-ai-future-here-avkash-chauhan This visualization helps enterprise and data scientist to gain a deep understanding of the data. It also helps businessman to harness deep insight into any given data.

Bubble Chart for Software Developer

http://jawspeak.com/category/testability/ Here a bubble chart is used to display how a software developer commits. The size of the bubble signifies the size of each check-in. This visualization will help developers to encourage better style (developer testing).

AI Brain Scans

http://www.wired.co.uk/article/ai-machine-learning-brain-scan I was going through the list of visualization that looks like a biological entity, and I found this beautiful image. Basically, it shows how machine learning techniques go through different phases during the computation. The movement of various passes and connections… Continue Reading →

Evolution of Gaming Platforms

https://www.geek.com/games/fun-with-data-37-years-of-video-game-history-organized-by-genre-and-platform-1529867/ This chart tells a story of how the gaming platforms have evolved through ages. I am not surprised to see the dominance of arcade games in early days of game development. Windows platform has proven to be one of… Continue Reading →

Who is Obama Calling?

https://visual.ly/community/infographic/politics/who-white-house-calling-2015 This is a handy but straightforward visualization for those who want to follow political events. It is clear Obama’s prioritization of foreign diplomatic ties. The number of calls either signifies an attempt to maintain a good relationship with international… Continue Reading →

London Transit

https://www.wired.com/2013/08/london-underground-3d-map/ This is an interactive 3D visualization of London transit. It includes with real-time data, line depth, and detailed mapping. Although without proper labeling this could be incredibly useless.

Proportional Pie Chart of Spoken Languages

https://twitter.com/TeleportInc/status/841997568506789894 The first impression from this chart is that I was expecting a more significant proportion for the English language. I am also proud that my first language Bengali is spoken by so many people compared to other major world… Continue Reading →

Oil Consumption in the world

https://www.slideshare.net/gtmarketing8688/data-visualization-inspiration-analysis-to-insights-to-action-faster I found this visualization to be very simple but very effective in communicating the core message. The first visualization uses a pie to display the list of countries with the highest consumption of oil. All countries are not presented… Continue Reading →

Top 10 English Words Visualization

https://newatlas.com/art-ones-and-zeros-data-visualization/49926/ This is a visualization of the top 10 words translated from all 10 languages combined into English.  The words are repeated in a circular pattern positioned from the center based on their rank. Although I can’t see the point… Continue Reading →

Poetic Visualization

http://www.visualcomplexity.com/vc/project_details.cfm?id=386&index=27&domain=Art Each year in Bremen, Germany an international literature festival is organized. Every year a design theme is chosen to turn poetic texts into an image by a computer program. The image displayed here is one of the representation. Each… Continue Reading →

High dimensional Data Visualization

https://colah.github.io/posts/2015-01-Visualizing-Representations/ This is a visualization attempt done on the MNIST dataset which was created by NIST for storing binary images of handwritten digits. To visualize how artificial neural network trains and to classify these images it requires visualization of a very… Continue Reading →

Evolution Of Web

http://www.evolutionoftheweb.com/ I found an excellent visualization of the evolution of the web technologies. The visualization is represented as if it is a story unfolding in front of our eyes. The curve like objects can be selected, and they serve how… Continue Reading →

Hurricane Irma Visualization

https://www.washingtonpost.com/graphics/2017/national/how-big-is-hurricane-irma/?utm_term=.fd05b9c4ecf8 This is a visualization of hurricane Irma compared to other hurricanes. Quantitatively hurricane Katrina had also carried similar energy in 2005. But the wind speed of Hurricane Irma was quite strong breaking the record for consecutive hours at category 5. But… Continue Reading →

U.S Electric Grid

https://energy.gov/eere/articles/east-meets-west-lab-study-focuses-connecting-power-grid-coast-coast I always thought that the national electric grid is one connected entity stretching over the entire geological area. But the image clearly shows how scattered their distribution really is. It’s because different parts have different energy potential.

Sparse Code Visualization of Image Patches

https://xcorr.net/2011/06/15/the-far-reaching-influence-of-sparse-coding-in-v1/ The image is generated by using sparse code representation of neural code image patches. I think the visualization here is straightforward, but it really captures the power of this machine learning technique. The visualization here justifies what we already… Continue Reading →

Game of Prochrastination

http://www.bestinfographics.co/the-cure-for-procrastination-infographic/ I was looking online to find a cure for my procrastination for the visual journal entry. Then I came across this exciting game. I thought why not play a game where I have to pick a certain number of yes or no… Continue Reading →

Kinetic Light System

https://www.derivative.ca/Events/2015/KineticLights/ The modular kinetic light system is an amazing product that creates stunning visualizations by not just manipulating light and pixels but also the actual physical object.

Kinetic Visualization

  http://www.markuskison.de/kinetic.html The image shown above is a real-time visualization of recent emotional expressions. Plutchik described eight emotions in his book. Each of these along with their weakened and amplified counterparts forms a cone consisting of 24 areas. So, when someone uses… Continue Reading →

Mandelbrot Set Visualisation

http://visualizingmath.tumblr.com/ A Mandelbrot set is a set of complex numbers. Someone used excel cells to visualize by applying the fill color for each cell corresponding to each pixel in the Mandelbrot set’s continuously colored environment. It took around 3-6 minutes… 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 →


https://www.boredpanda.com/for-inktober-i-focused-on-mental-illness-and-disorders/ Everyone has some form of social anxiety disorder (SAD). I think the image perfectly represents what someone feels during this time. It feels like everyone in the society is trying to get you.  But you feel like your hands… Continue Reading →

Drug Use

The image is collected by one my friend visiting “Faculté des Sciences et Technologies Nancy” in France. The visualization is quite simple yet powerful. Even though I  don’t know french still I understood the basic idea behind the representation. Visitors… Continue Reading →

London Bridges

https://pbs.twimg.com/media/DLEapQTV4AED0OY.jpg:large The image shows all the bridges in London. I liked the idea that side view of each bridges are also displayed along with their geographical locations.

Visualisation of Internet Access

https://i.pinimg.com/564x/58/96/38/58963893b3d9e15b1b90ae684b964f31.jpg The PBS miniseries America has revealed this data map visualising internet access in America. Sparkling gold colour on top of a light background colour really makes this visualisation a treat for the eye. Also shows that more dense access… Continue Reading →

Submarine Cable Visualisations

https://pbs.twimg.com/media/DLqO6nVVwAAOsaZ.jpg:large This is visualisation of all submarine cables connected to Australia, New Zealand and all the other countries in Oceania. It looks like more cables are needed for islands residing in isolated areas.

Rose of Emotion

https://mastersofmedia.hum.uva.nl/blog/2013/05/31/visualizing-individual-measures-of-emotion/ As part of my research work I was going through several emotional model and I found this rose like representation of human emotions. Although I don’t quite understand why a this particular representation make any sense rather than just… Continue Reading →

Color Blind

http://www.dundas.com/support/blog/visualizing-for-the-color-blind I was not aware about the fact that colour blindness are also categorised. I am also pleased to know that I am not among the 5% male having Deuteranomaly.

Emotion Visualization

http://www.npr.org/sections/health-shots/2013/12/30/258313116/mapping-emotions-on-the-body-love-makes-us-warm-all-over?utm_content=socialflow&utm_campaign=nprfacebook&utm_source=npr&utm_medium=facebook A team of scientists in Finland asked people to map out where they felt different emotions on their bodies. They found that the results were surprisingly consistent, even across cultures.The image shows the region of our body which are… Continue Reading →

Pink Lens Effect

http://myartda.com/?ckattempt=3 This picture was drawn by an Korean artist Minjeong who was born 1981. This picture studies the effect of pink lens which is defined by the period when a man and a woman fall in love and neurotransmitters take over reason. Although… Continue Reading →

Info-graph Definition

https://www.pinterest.co.uk/pin/126593439496318618/ The best way to explain something to someone is to just show them what they do. I really like the idea of giving definition using visuals rather than words.

Sculpture as a Visualization Tool

http://www.creativeapplications.net/theory/meibach-and-posavec-data-visualization-poetry-and-sculpture/32/ Miebach collects weather data from various environments and histories and then either translate it into music or into colorfully elaborate weaved sculptures. I am fascinated by the idea that someone would spend an inordinate amount of time to build… Continue Reading →

Carbon Footprint

http://visual.ly/global-carbon-footprint I think the visualization is spot on when it comes to conveying the key message of showing the countries responsible for carbon emission and the degree to which they are responsible. Creating an actual footprint is like a bonus. Although… Continue Reading →

Daily Intake Pyramid

I find this visualization aesthetically very pleasing. But I don’t think it represents what most of the people do on a regular basis. At least as a graduate student, I cannot live with myself if I spent 9 hours a… Continue Reading →

Physical Pie Chart

https://www.pinterest.ca/pin/88523948900114935/ What happens if someone has cut down a tree to display the top countries responsible for global warming using a pie chart? That will be ironic. Although I don’t know the language they have used in this representation.

Village of 100 People

http://gentlemanbug.com/post/45687896208/world-of-100 A graphics designer named Toby Ng designed this image. He tries to represent different stats about people in a way that allows common people to engage very easily. I think I can further simplify this image by removing the… Continue Reading →

Extinct Species

https://www.flickr.com/photos/networkosaka/3581969837/sizes/o/in/photostream/ At first, I thought this image is considering all species and that’s why I was very interested to find out the exact percentage of species that are endangered. But, when I saw the section between 51-100 years I was… Continue Reading →

Source Code Visualizations

Although I am putting up a static image but you want watch the entire visualization please visit https://www.youtube.com/watch?v=S3OXyJBb5FA. Great idea how the entire journey of creating a software project can be visualized and documented for future references.

Political Relationship Matrix

If you are someone who is confused about how various political parties are related in middle east, this matrix might help you get a better idea.

Bitter Taste

This graph proves every person has different tastes. For example, I don’t know how red apples was placed below the X- axis. Also feels like peaches were placed uncomfortably high.

Procrastination Chart

Image source: Graphjam.com For me there should be a part for playing computer games. But the pink color portion would be quite small for sure. In addition there would be lots of power naps.  

Wind Map

Wind map is an art project created by Fernanda Viégas and Martin Wattenberg. It makes the invisible visible using near-term wind speed forecast data from the National Digital Forecast database, which is updated hourly. In fact their work became so… Continue Reading →

How men and women see colors differently

https://www.pinterest.ca/pin/69805862950325506/ Color is in beholder’s eye. Great visualization of how the perceptions vary based on a person’s sex.

Optical Illusion

Just an optical illusion of an old couple and two people playing some musical instrument. Also there is a woman there making an illusion of one of the ear of that old man.

Drawing Map Of Canada

I have drawn this map of Canada where I wanted to visualize different income groups and their geographical distribution. Data sketching is quite fun but very time consuming

Visualization Of PI

https://imgur.com/gallery/CWIar I always thought the digits of pi are completely random and doesn’t have any underlying pattern. But this image blew my mind by showing how organized the numbers really are.

Bizarre Bicycle

https://twitter.com/dynarski/status/737993058445369344 I kind of like the idea of comparing teacher and student relationship with riding a bicycle where teacher pedaling and student sitting back and following. For some may be a roller coaster ride would be more appropriate :p

Wikipedia Edits

https://www.wired.com/2008/06/pb-visualizing/ Thousands of Wikipedia edits done by a single software bot where each color represents a different page. Although I don’t understand how this visualization will help me solving any problem or understanding any deep insight about those edits.

Natural Analog Wave

My friend posted this on Facebook, for a moment I thought he is standing in front of an artwork of an analog signal. It’s like a visual illusion.

Misleading Twitter Volume Data

I found the data visualization to be quite misleading. Data shows the twitter volume from January 2009 to January 2014. Initial inspection might lead us to believe people are more interested in the event where US qualifies for the world… Continue Reading →

Page Of Bubbles

Quite an interesting idea to convert a page into bubbles based on the frequency of the word used. One can easily get an idea about the content of a page.

Languages Of The World

I came across an interesting article where it was mentioned that there are 6909 different languages exist in the world as of 2009. An interesting picture was given alongside that shows the origin and different branches of these languages. The… Continue Reading →

Heat Maps

https://www.analyticsvidhya.com/blog/2015/05/data-visualization-resource/ I was searching for different articles regarding different data visualization tools used in sports and I came across an article where they talk about how heat maps can be used to identify where most goals are coming from and… Continue Reading →

The Bow Artwork

Recently I visited “The Bow” building with my cousin located in Downtown, Calgary where I found this artwork located on the 52nd floor. I was finding it difficult to extract some meaning out of the artwork except a background with… Continue Reading →

Greatest Of All Time

http://www.tenniscanada.com/6-reasons-why-djokovic-will-break-federers-grand-slam-record/ My friend and I keep fighting for the candidate for the greatest tennis player of all time. Usually I keep convincing him that Nadal will eventually surpass Federer and he keeps denying the possibility. Recently I came across a… Continue Reading →

© 2018 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑