(https://earth.esa.int/web/sppa/documentation/galleries/uvn/air-quality) The above is a visualization taken from ESA and it depicts the varying air quality over the course of a week. I’m not really sure from which region they retrieved this information from, and even though heat maps are… Continue Reading →
(http://blogs.bmj.com/bmj-journals-development-blog/2015/01/05/social-media-during-epidemics-a-poisoned-chalice/) The above charge is a satire on how easy it is for the media to divert people’s attention from pressing concerns, to focus on circulating rumors. It can be said that many use social media as their main news… Continue Reading →
(https://securityledger.wpengine.com/2017/05/fatal-flaw-slows-wannacry-ransomware-but-threat-remains/) The above displays the regions that were affected by the wannacry outbreak back in May. Wannacry was a dangerous ransomware attack that manages to affect over 100,000 companies.
(https://en.wikipedia.org/wiki/Ancient_Greek_sculpture) Ancient Greek sculptures were made out of marble or bronze, with bronze becoming one of the more favored materials by the early 5th century. Many of these sculptures were used to represent religious beliefs, depict important political figures, and… Continue Reading →
(https://www.vincentvangogh.org/images/paintings/the-starry-night.jpg) Continuing on with colors, I was looking through the web and noticed Van Gogh’s paintings. Its interesting how his colors are somewhat muted but still manage to convey vibrant images. He definitely had an interesting artistic technique.
(https://i.pinimg.com/originals/b5/69/23/b569231c497174b16a44549e8f4b6979.jpg) I’ve been having some trouble coordinating colors in my project and Sheelagh’s suggestion was to try to use a combination of muted colors instead of vibrant ones. So here is a color wheel of pastels. It might be helpful… Continue Reading →
(Cirque du Soleil – Avatar – http://thecoolhunter.net/wp-content/uploads/old-blog-images/avat.jpg) I’ve always found it impressive how Cirque du Soleil always manages to combine many different colors seamlessly into a dazzling spectacle.
(https://mastersofmedia.hum.uva.nl/wp-content/uploads/2012/03/fry_viz2.jpg) Although I found the visualization itself interesting, the y-axis isn’t labeled, making me unable to tell if the person was consuming pounds, grams, or tons of fries. Is this person actually consuming 10 tons of fries in August? Who… Continue Reading →
(https://kicky-wiki.wikispaces.com/file/view/reais.jpg/80472789/reais.jpg) Quite similarly to Canadian Dollars, Brazilian money, or Reais, are quite colorful. Currently the money has suffered an “update” where, apart from solely focussing on color to help distinguish one note from the other, they will also now… Continue Reading →
(https://www.adventure-in-a-box.com/product/three-little-pigs-puppets-set-for-sale/) Shadow puppets are another possible medium for story telling and are used quite a bit with children. Supposedly they are useful in aiding children in developing their creativity and visual memories — but I just tend to find them… Continue Reading →
(https://www.branded3.com/blog/top-10-worst-websites/) This is one of the most garish websites that I have ever seen. Just the absurd amount of color blends make it practically unreadable – not to mention gives the reader a headache. In terms of vis, the obnoxious… Continue Reading →
(https://en.wikipedia.org/wiki/Checker_shadow_illusion) This is the illusion I was mentioning in class – the checker shadow illusion is one of the more well known illusions based on shadow. Even though it does not seem like it, the “white” squares beneath the cylinder’s… Continue Reading →
(http://list25.com/25-incredible-optical-illusions/) Continuing on with optical illusions, this one is based on Troxler’s effect which essentially says that if you fixate your eyes on a certain point, stimuli near that point will gradually fade. Stare at the image for about 30 seconds… Continue Reading →
(http://cdn2.list25.com/wp-content/uploads/2011/11/optical.png) Pretty neat
(https://uxmag.com/articles/its-about-time) These freeze frame images show the (fast as heck) expansion of walmart in the US over the course of 34 years. Also hot damn Walmart, slow down a bit.
(https://uxmag.com/articles/its-about-time) The above is interactive heat map developed by Trulia based on a 3 month snapshot of all the window-shopping done on their website and mobile apps. Its pretty clean and well organized – and is able to show a… Continue Reading →
(https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Hanzi.svg/1200px-Hanzi.svg.png) I always found it interesting that written language managed to diverge so much during its development. Chinese characters are completely different from the scripts used in the west. Its almost as if different emphasis were placed on aesthetics and… Continue Reading →
(https://cdn.shopify.com/s/files/1/1003/7610/files/Banksy-No-Future_f50f7679-5c1b-4716-8a54-856fa275b95b.jpg?5135930552169596236) I love how Bansky’s pieces are always able to convey hidden criticisms to society. Even though their designs are simple, they really make you stop and look.
Escher was a graphics artist who was known for his mathematical pieces. The above is his Metamorphosis print, and it is incredible how detailed he managed to make each quadrant while also allowing them to seamlessly shift into one another.
(http://mesosyn.com/reflectionArt-02.jpg) I just thought this piece looked really cool.
2014 Good Neighbors business plans and budgets by Vice Versa (https://www.moma.org/explore/inside_out/2015/12/10/data-visualization-design-and-the-art-of-depicting-reality/) Data visualization in Korea hasn’t completely burst through at the moment, as not many works in the field have been published along the years. There are a few Korean… Continue Reading →
(https://www.moma.org/explore/inside_out/2015/12/10/data-visualization-design-and-the-art-of-depicting-reality/) Small Arms Imports/Exports: an interactive visualization of government-authorized small arms and ammunition transfers from 1992 to 2010. Google idea (2012). Visualization displayed at MOMA.
I always found the representation of deities in different religions to be quite fascinating. Its quite amazing how much variety and depth each religion can bring to its gods, developing rich myths, stories, and illustrations for every single one.
(http://i.imgur.com/POscAV5.jpg) In honor of Darcy, here is the word cloud for the Chamber of Secrets.
(https://ebookfriendly.com/wp-content/uploads/2016/06/Harry-Potter-multibillion-dollar-empire-full-infographic-540×560.jpg) This infographic displays the success of the Harry Potter series. Its considered to be the best selling series of all time, bringing large revenues to J.K Rowlling, the film actors, and even to EA games, which sold over 40… Continue Reading →
(https://i.imgur.com/7Lobml6.jpg) A more complete list of the spells that show up throughout the Harry Potter series. If you haven’t noticed I’m on the nostalgia train.
(http://www.jeffersonbailey.com/speak-to-the-eyes-the-history-and-practice-of-information-visualization/) This visualization depicts the amount of artwork sold at different countries. It is a web based visualization, so I believe that it would be a bit more comprehensible if viewed at the website. This vis makes it pretty clear… Continue Reading →
(https://visual.ly/community/infographic/entertainment/timeline-elves-tolkiens-works) I’m on a Tolkien spree. The above displays the timeline of elves in the Lord of the Rings universe which I found to be pretty neat.
(https://www.visualcinnamon.com/portfolio/words-lord-of-the-rings) This visualization displays the words spoken by the characters of Lord of the Rings. Even though its a cool concept, it can be a bit hard to read at times since, for the thinner connections, it becomes a little… Continue Reading →
(http://www.dorkly.com/post/70445/a-handy-guide-to-the-harry-potter-spells-you-need-to-know) I friggin love Harry Potter and finding this diagram made me very excited. Its pretty well organized and it makes it easy to associate spells with whether they’re a charm, a curse, or an unforgivable curse.
(https://en.wikipedia.org/wiki/Vitruvian_Man) The Vitruvian man is a visualization made by Leonardo da Vinci based on the correlations of ideal human proportions as described by the roman architect Vitruvius. Drawn by Leonardo da Vinci, it demonstrates a blend of methematics and art… Continue Reading →
(http://paigeentwistle.com/greek-myths/theseus-and-the-minotaur/) According to the myth King Minos would lock his enemies within his maze to be devoured by the minotaur. Interestingly enough, differently from other “mazes”, the one used by Minos was circular and actually more of a labyrinth than… Continue Reading →
(https://simple.wikipedia.org/wiki/List_of_emotions) This wheel was developed by Robert Plutchik and is used to illustrate different emotions in a straightforward way, while allowing the measuring of emotional ranges. He suggested 8 bipolar emotions and color coded them to facilitate their association. Although… Continue Reading →
(https://dirkloechel.deviantart.com/art/Size-Comparison-Science-Fiction-Spaceships-398790051) Another comparison visualization. This one is actually a pretty neat vis as it shows many popular science fiction ships while keeping them scaled to size. I am disappointed that the Tardis didn’t show up though. I guess that considering… Continue Reading →
(http://portfolio.newschool.edu/shawn937/files/2015/10/PokeScale-2ko7ypx.jpg) This was a blast from the past. I haven’t really dealt with a lot of pokemon things recently, but I used to really enjoy it when I was younger. I still remember renting out a bunch of pokemon movies… Continue Reading →
(https://en.wikipedia.org/wiki/Bayeux_Tapestry) The Bayeux Tapestry is a 70 m by 50 cm long tapestry that depicts the events leading up to the Norman conquest of England and culminating in the Battle of Hastings. Its an interesting example of using alternative means… Continue Reading →
(https://www.slideshare.net/NickeyNaga/biomimicry-in-fashion) People have always tried to mimic the characteristics of animals to gain certain benefits. An interesting example that I found was a type of swimwear that mimics shark skin to reduce drag.
(https://www.red3d.com/cwr/boids/) Flocking behavior is usually represented with boids, which are used to act as a single independent entity. The flocking occurs because even though each boid is independent, they all have to follow certain rules in relation to their neighbors…. Continue Reading →
(http://blog.threestory.com/wordpress/topics/data-visualization) The above depicts a visualization regarding web browsing. Its quite visually captivating albeit a bit confusing. The key only references to the sizes of the circles but does not mention anything regarding color or localization. I don’t really know… Continue Reading →
(http://www.electroschematics.com/wp-content/uploads/2009/04/led-circuit.gif) During my undergrad years there was a period where I was really into circuitry and always tried to use LEDs to make projects extra flash-y. The above is just a simple representation of an LED in series with a… Continue Reading →
(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 →
(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.
(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.
(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 →
(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 →
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.
(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 →
(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 →
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 →
(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 →
(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 →
(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 →
(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 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.
(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.
(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 →
(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 →
(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 →
(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 →
(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 →
(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 →
(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 →
(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 →
(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.
(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.
(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 →
(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 →