CPSC 683 - InfoVis

exploring information visualization



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 →

Memory Addresses

(http://www.avr-tutorials.com/sites/default/files/PUSH2.jpg) Memory addresses are usually represented spatially even though they aren’t as organized within a computer as the visual would lead you to believe. These representations are used to help viewers understand memory placement in a more intuitive manner.

We Feel Fine

(http://www.caida.org/tools/visualization/walrus/gallery1/lhr-t3.png) We Feel Fine is a very interesting visualization that that depicts the general feelings that appear in the blogosphere at any given day. The visualization allows for six different type of analysis:  Madness, Murmurs, Montage, Mobs, Metrics, and Mounds.

Greek Pantheon

(https://pagansofnebraska.weebly.com/greek-pantheon.html) Greek mythology always involved a large number of gods, each with their own complex familial and interpersonal relationship to other deities. I used to be obsessed with mythology when I was a child and even then I’d sometimes have… Continue Reading →

Google Vs Apple Patents

(https://flowingdata.com/2017/02/28/apple-vs-google-company-structure-as-seen-through-patents/) It is well known that developments in tech is made by an innate competitiveness between tech conglomerates. Over the last 10 years apple has created about 11,000 patents and Google has produced about 12,400 with a slightly larger team…. Continue Reading →

Current Vis

This is the current iteration of my visualization project. Given a memory access trace, grid cells would flash as the corresponding memory address was accessed. Users would be able to filter from specific memory mappings to narrow their search.

Beginnings of Info Vis 2

(https://en.wikipedia.org/wiki/Egyptian_hieroglyphs#/media/File:Hieroglyphs_from_the_tomb_of_Seti_I.jpg) Egyptians had developed their own method of visual communication by using pictographs to represent words. Their written system was composed of a combination of logographic, syllabic, and alphabetic elements and was composed of over one thousand distinct characters. I… Continue Reading →

Voronoi Diagrams

(http://www.mini.pw.edu.pl/~mnowakie/cg_projects/images/VoronoiCells3D.JPG) Voronoi Diagrams are the dual of Delaunay Triangulations and they are highly useful when attempting to find the nearest point to any given point in an efficient manner. The closest pair of points actually belong to the site of… Continue Reading →

Alphonse Mucha

hetics from now-a-days, https://en.wikipedia.org/wiki/Alphonse_Mucha#/media/File:Mucha-Mo%C3%ABt_%26_Chandon_Cr%C3%A9mant_Imp%C3%A9rial-1899.jpg) Alphonse Mucha is an art noveau artist that is known for his very distinct style. What I find interesting from his pieces is that his art style seems pretty up-to-date with the aesthetics of now-a-days and… Continue Reading →

Very Obvious Signs

(https://lh6.ggpht.com/JWk0waKYxAVbuIavYsRimLK3859m_s-MWJpSXkoQ8ejLpPvge_iF_xHiomfMAgYb1oF-=w300) Signs have to be iconic enough that they can be easily recognizable at a glance. Everyone recognizes skulls and bones with death, which make them a very intuitive symbol to use for signs that regard danger. Even if it… Continue Reading →

Triangles are the Heart of CG

(https://en.wikipedia.org/wiki/Triangle_mesh#/media/File:Dolphin_triangle_mesh.png) Triangles are the foundation for all shapes in computer graphics as they are guaranteed to never be non-planar. Anything with more than 3 points suffer the risk of becoming non-planar, making them un-renderable unless converted to triangles. Triangles are… Continue Reading →


Pointilism  is a technique which uses individual dots or segments that when combined, form an image. I just find it very interesting how the clustering of somewhat sparse dots of similar coloring allow viewers to visualize an image when they… Continue Reading →


(https://images-na.ssl-images-amazon.com/images/I/714z-ywpDjL.SY355.jpg) The abacus was invented to be a portable device that helped keep track of large numbers, mostly used by merchants who required a way to keep tally of their inventory. This device was one of the first stages of… Continue Reading →

Deforestation in the Amazon

(https://www.mongabay.com/images/rainforests/deforestation-in-the-amazon.jpg) Chart displays the underlying causes of the deforestation in the Brazilian Amazon for the years of 2000-2005. It can be seen that cattle ranching is the factor that contributes the most to the deforestation, which complies with the fact… Continue Reading →

Object Dump

Object dump taken from an executable file on my computer. The dump is quite hard to understand on its own without the use of reference materials or previous knowledge.  

Beginning of InfoVis

(https://www.oddee.com/wp-content/uploads/imgs/art450x300/93915.jpg) The beginning of InfoVis. Humans have always yearned to depict the world around them, even in primordial times. The above displays the initial development of visual storytelling, an effective way of quickly transmitting ideas.

Visualizing Firewalls

(http://cipherdyne.org/LinuxFirewalls/ch14/fig14-14.png)   Data from firewalls and from intrusion detection systems analyze network traffic and being capable of visualizing them could provide a large insight to cyber security. One possibilty is to use a directional graph-like structure where arrows are used… Continue Reading →

Visualizing Binary Files

(https://i.stack.imgur.com/EgQhw.png) We are used to seeing binary files as text and many times haven’t tried to visualize them as images. One technique is to take all 256 possible characters in the ASCII system, convert them to binary, and plot the… Continue Reading →

Sierpinsky Triangle

(http://ecademy.agnesscott.edu/~lriddle/ifs/siertri/sierpinskiGasketLarge2.gif) Sierpinsky Triangle or the Sierpinsky Gasket is a fractal with an overall shape of an equilateral triangle which is recursively subdivided into other smaller equilateral triangles. Its default implementation occurs in 2D  but it can be implemented in 3D… Continue Reading →

Cellular Automaton

(http://mathworld.wolfram.com/images/eps-gif/ElementaryCARule030_700.gif) Cellular Automaton is a representation composed of colored cells within a grid that continuously evolves based on a set of rules. This technique is used under many studies regarding “controlled randomization” as these generate seeming random coloring but are… Continue Reading →


(https://i.pinimg.com/736x/37/ef/85/37ef85aae6b98acb8a193574219b0a1a–surrealism-painting-train-art.jpg) Surrealism is an art style that distorts the interpretation of reality. The unreal becomes blended with the real, and our perception is completely modified.


(https://en.wikipedia.org/wiki/Anamorphosis#/media/File:Anamorphosis_chair.jpg) Anamorphosis is the use of distorted projections that require special devices or vantage points to recreate the original image. This technique has been used many time to hide information within images, where only the knowledgeable viewer would be able… Continue Reading →

Don’t Always Trust Your Sight

(https://richardwiseman.files.wordpress.com/2011/05/faces.jpg?w=620) Animals process information by heavily relying on sight, however, can sight always be trusted? Try to see how many different images you can find in the picture.


(https://en.wikipedia.org/wiki/Infinity#/media/File:Infinite.svg) Infinity isn’t a concept that is intuitively understood, we as humans have difficulties grasping the idea of endlessness. To bring things out a bit further, infinity can also be treated as both countable and uncountable, as small as well… Continue Reading →

Escher’s Staircase

(https://upload.wikimedia.org/wikipedia/en/a/a3/Escher%27s_Relativity.jpg) Seemingly inspired by the Penrose Staircase, this lithograph titled “Relativity” depicts figures ascending and descending stairs. The interesting aspect of this piece is that each figure seems to have its own source of gravity, allowing them to traverse at… Continue Reading →

Penrose Staircase

(https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Impossible_staircase.svg/2000px-Impossible_staircase.svg.png) The Penrose Staircase is also known as the “Impossible Staircase” or the “Infinite Staircase”. It is an impossible object that plays with the viewer’s perception of depth and continuity to the give the impression of a never-ending staricase, one… Continue Reading →

Mobius Strip

(https://farm1.staticflickr.com/629/22479284193_d7f3d73e3c_o.jpg) The mobius strip is an example of a non-orientable surface, as it is composed of a single side when embedded in 3D space. In other words, it is impossible to know where it begins and where it ends, which… Continue Reading →

I Am a Space Pirate

A drawing I made for a side project a few months ago. Even though its more of a “fantastical” piece, it can still be interpreted differently by whoever is currently looking at it, as viewers can project their own ideas… Continue Reading →

Medieval Art

Early Medieval art was detailed and used bright colors but did not attempt to accurately recreate the 3D world, as Perspective was only developed in the late 14th century. You can notice that the women are practically the size of… Continue Reading →

Map Projections

(Different map projections – https://en.wikipedia.org/wiki/Map_projection#Projections_by_surface) Cartography is actually a harder field than it appears. Even though they do not appear to be so, every 2D world map is distorted in different ways. There are several different projection based techniques that can… Continue Reading →

The Epitome of Vagueness

(Graph posted by Alan Farrell TD‏)  This graph is supposed to depict the unemployment rate for the last 5 years. Sure it looks pretty and hopeful, but its lack of details prevents me from having any idea of what metrics were… Continue Reading →

Interesting Advertisements

(http://innovatethinking.com/2011/12/creative-ads-91/) It’s always cool to see an advertisement with a double entendre – it definitely helps to guide the viewer to infer the actual message of the ad.

Network of Poems That Would Make an English Major Weep

(https://deterritorialinvestigations.files.wordpress.com/2013/11/ekphrasis_network_grouped_topic4.jpg) This relationship map is beyond extreme. I honestly gave up on reading it about 5 seconds in. Too much information is clustered in a small amount of space.

A Confusing Graph of Confusing Graphs

(https://pbs.twimg.com/media/CZr6VMXXEAA2K0Z.jpg) This graph just made me laugh. Its always annoying when you’re trying to interpret a badly made graph of a confusing data set, which was perfectly represented here. The colors are dizzying and the axis values are beyond vague…. Continue Reading →

Preattemptive processing

(Fig 1 – Healey, Christopher G. “Perception in Vizualization.” Perception in Visualization, -, 0ADAD, www.csc2.ncsu.edu/faculty/healey/PP/. ) Preattemptive processing occurs when the viewer’s attention is directed almost automatically to a specific deviation in a data set. Notice how your eyes are rapidly… Continue Reading →

Favorite artist

(The Kiss, Gustav Klimt) Gustav Klimt is one of my favorite artists and “The Kiss” one of my favorite paintings. Even though the cloaks surrounding the couple is highly detailed, the viewer is almost immediately drawn to the faces of… Continue Reading →

© 2017 CPSC 683 – InfoVis — Powered by WordPress

Theme by Anders NorenUp ↑