Assignment 00: One Good Data Visualisation

Find an example of a data visualisation that represents at least two of the principles outlined in Principles of Information Design PDF.
Write some brief notes about:

  • Why you chose this visualisation
  • What makes is a good example in your opinion
  • Which principles does it adhere to
  • Is the visualisation exploratory of explanatory

Post your example with notes in the thread below

20 thoughts on “Assignment 00: One Good Data Visualisation”

  1. Ok, I’ll go first. I’ve loved this visualisation since it came out a few years ago.
    Wind Map The interactive version can be found here: http://hint.fm/wind/.
    There’s a number of reasons why this is a great visualisation, foremost it’s illustrates Tufte’s micro/macro readings concept and represents multivariant data in realtime in a format this is both easy to understand and beautiful to look at. This is an example of an exploratory visualization, the data it shows can be interpreted in a number of ways.

  2. I just found this visualization of food trends over the years and seasons, made with Google Search trends: http://rhythm-of-food.net/

    I love the simplicity and playfulness of it, as well as the clear explanation on how to use the tool. I believe it is an example of delightful and accessible data visualization.

    When it comes to principles of information design, it meets many of them. Documentation is at the bottom of the website, causality between search and season is represented, and sometimes explanations behind peaks and peculiarities in the data are annotated. Comparisons are made between the years and between the months. Many readings (macro and micro) can be made, for instance, we can look at one day in particular or at trend patterns over the years. We could also draw conclusions about the rise or fall of vegetables in general in comparison to other food groups.

    I believe the visualization is exploratory.
    (I was not able to add a picture to this comment)

  3. http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/

    This is a visualization of large data breaches, it stood out to me because it very quickly demonstrates just how common and severe data breaches have become, giving an immediate sense of the scale of the problem, as well as illustrating the range of contexts in which data has been compromised.

    I think this is a good example because of its readability as well as allowing users to filter the data in various ways to their liking. This visualization adheres to the principles of multivariate analysis and integration of evidence.

  4. http://selfiecity.net/
    This is a visualization of investigating the style of self-portraits (selfies) in five cities across the world.
    There’s a number of reasons what makes it a good visualization. First, data of selfies phenomena are visualized in different point of view (gender, location, age…). Second, the data are deeply analyzed and reported in paper on understanding and approach social media images theoretically, which exhibited the significant value of big data and data visualization. Third, the SELFIEXPLORATORY section (http://selfiecity.net/selfiexploratory/) where display data to audiences interactively, that makes the investigation a great example of the combination of data visualization and data interaction.
    This visualization adheres to the principles of Comparisons, Multivariate Analysis, and Documentation.
    I think this visualization is exploratory.

  5. http://feltron.com/FAR06.html

    A rather famous one. The personal annual report by Nicholas Feltron — this specific one came from 10 years ago. While listing quite some data and information in the document, he inserted two maps (or one map, just with different add-on) at pg. 7 and 11 to showcase restaurants and bars visited throughout the year. Nothing is interactive here, but these two maps are still qualified as data visualization, as they clearly illustrate Feltrons’ moving pattern when it came to dinning outside and offer a peak into this man’s daily life.

    The design of these maps goes along with multiple principles and guild lines listed in Tufte’s document. The graphs offer a pleasant visual experience with strong contract between foreground and background. There is absolutely no redundant decoration, yet Feltron included just everything that is required for readers to get the story. The title of each graph (or the category it belongs to) is located on the following page, which is presented together with the graph when being viewed in printed format.

  6. http://drones.pitchinteractive.com/

    This data shows the amount of victims in Pakistan that got killed or hurt because of the US military drone, practicing to take out enemies without having to sacrifice their military force. The readers can interact with the data for it to show more about the data.

    It is a good visualization because of the amount of documentation provided, such as the articles and where they get the number of people that got killed or hurt. Also, it shows integration of evidence as they provide the place the tragedy occurs, the exact date and number of people that died and got hurt, not only with charts, but with words too, which makes the data easier to read. To add to it, the animation of the data in the beginning shows a good narrative.

    1. The intro to this visualization is very effective, and the transition of perspective from “attacks” to “victims” helps to delve deeper into the data. My biggest criticism of this visualization is that the colour categorization of “High Profile” and “other” are too similar, making them difficult to tell apart in the bar chart. The “other” label at the top would be more visible if it were nearer to the others on the left side of the screen, as it’s read left to right. Also, I wish the elements of the bar chart that reveal further information also linked to the relevant news story, instead of having all of them in a separate grouping below.

  7. http://iibawards-prod.s3.amazonaws.com/projects/images/000/000/122/large.jpg?1413040693

    This is a visualization of all fell and found meteorites between 1900 & 2000.
    It consists of concentric circles to represent time and longitude. The weight of the meteorites is shown by the size of the circles, the gaps in each circle has to do with the latitude and the way they have been observed or found is represented with filled and blank circles.
    This visualization also shows how we are constantly searching for meteorites, over the last 100 years, in strategic geographical positions such as Libya, the North and South Pole, the Atlantic and the Pacific ocean.

    What makes this visualization interesting is its exploratory nature, the multi-variant analysis that is provided. We can read the evidence and have a view about a specific region but also about the globe. Although it is designed to be static, it could also be interactive concerning variants like time,latitude and longitude.

  8. http://www.vox.com/2014/12/29/7463663/twitter-news-2014

    The Year in News

    I found this visualization to be quite compelling as it exhibits statistics consistent with subjects that are popular / current. It functions through Twitter and bases its figures on the number of times that something has been Tweeted about. It is somewhat exploratory and explanatory at the same time in that the results will be always be different depending on when you look at it; a visualization that is completely at the disposal of those operating on Twitter. It is Explanatory in that it gives us a sense of what people are talking about at the moment, I guess the clear cause/effect relationship from tweet to figure is a good indication of its causality.

  9. My data visualization maps out how a variety of successful creative people structured their days mapped out by activity groups in a period of 24 hours. The bars are coloured for general headings of activity but you can also hover over each specific bar to find out the exact details of what that specific person was doing.

    I think the visualization is visually appealing, interactive, and easy to understand. It is explanatory in that it gives you a bunch of information about how people structured their day, but also exploratory because you can use that information to create a story and to compare the different people to make inferences about what certain day-structures will do to help a certain type of creativity.

    https://podio.com/site/creative-routines

    1. After exploring the visualization for a bit, I find it offers a lot despite while being on the more simplistic side. The informations are a little static and need the readers engagement. But once you interact and look for interactive areas, a lot of additional informations are offered.
      I really enjoy that the order the people are presented is based of how early they wake up. That offers up interesting connections and comparisons.

      A similar (in content) graphic popped into my mind that is often referenced on the “brainpickings” blog. It’s very interesting how different the displayed infographics compliment / are different from each other.

      Maria Popova / Accurat/ Wendy MacNaughton:
      https://i1.wp.com/www.brainpickings.org/wp-content/uploads/2013/12/sleepproductivitywriters_1500_1.jpg?ssl=1

  10. http://lisacharlotterost.de/GoogleSearchHistory.pdf This is Lisa Charlotte
    This is a data visualizations of Lisa Charlotte Rost’s google searchers from 2010-2016. I chose it because visually it’s beautiful, the data and how it was collected is also stunning. Google keeps these analytics on every single persons web searches tied to their account and makes it accessible to them, but very few people know just how accessible its is. I like that she’s selected google searches that relate to physical places, correlating it with time and where she physically was. Whats really great about this data visualization is it breaks up number of searches week by week, but then pools them into an overall number; she then uses that data to map out where where she actually lived to determine the scale of the line. What also make this great is how much explanation she has written on top of it, this visualization does not make us guess whats going on, it explains trough words and pictures. This visualization shows: comparison, causality, multiple variants, evidence, and has documentation (linking you to where you can see all your tracked searches associated with you). I think this visualization is exploratory and explanatory.

    {relevant for the course:
    https://lisacharlotterost.github.io/2016/05/17/one-chart-tools/
    https://groups.google.com/forum/m/#!topic/d3-js/zHcH-FIEroE}

  11. We Feel Fine

    http://www.wefeelfine.org/movements.html
    http://www.wefeelfine.org/patience.php?is_mac
    (I’ve attached the video link because Java blocks the use of the site now and I cannot figure out how to block it…)
    https://www.youtube.com/watch?v=Lotjo64R-eo

    I thought this visualization was intriguing because it essentially presents a bird’s eye view of what the world is feeling. The feelings are interpreted from online blog postings and organized according to the tone of the emotion – positive feelings are yellow, negative feelings blue, etc. You can draw your own conclusions and make comparisons based on the colors, time of day, geographical region, even infer based on real-world events. You’re also given the opportunity to click on specific “feeling bubbles” to get a closer look at what was actually posted. I think it’s visually-appealing and a tad overwhelming – a detail that I appreciate since trying to wrap your brain around the fact that billions of different people are all feeling something different right now should be overwhelming. I think it’s approachable and exploratory, multiple variables are presented to provide some level of context, and the original blog postings are documented and evidenced in an accessible manner.

  12. Based on a True True Story?
    Scene-by-scene breakdown of Hollywood films
    http://www.informationisbeautiful.net/visualizations/based-on-a-true-true-story/

    This data visualization about the truthfulness of scenes in Hollywood films really caught my attention, as it does a really good job at providing users with an exploratory platform to learn about their the films they’re curious about on various levels. From getting a general sense of how accurate a movie is, to getting a more in-depth reading of what the user themselves may consider relevant data and make up their own minds.

    I find this to be a fascinating topic. In a post-truth era, fact checking is becoming increasingly relevant and important and this visualization succeeds in engaging audiences through a simple yet customizable look at the data.

    Principles being followed include ‘Integration of Evidence’ as this interactive visualization does a great job of mapping the scenes from the movies directly into the graphs they’ve created. They also provide various ways of looking at the information and ways to change perspectives to minimize bias. Along with that, the visualizations do a good job of following the principle of ‘Comparisons’ by putting scenes as well as movies in close proximity to give the viewers a visual intuition of what they’re looking at without even needing to dive into the numbers.

    I would consider this visualization exploratory as it simply lays out the facts in an approachable fashion, and the audience can form specific conclusions based on their interaction with the provided data.

  13. Jonathan Harris – The Whale Hunt (2007)
    http://number27.org/whalehunt
    http://thewhalehunt.org/

    My data visualization is somewhat between categories, but that is probably why I like and enjoy it so much. Jonathan Harris himself describes it as „an experiment in human storytelling“. I would describe it as a stunning and compelling interactive visualization of a highly subjective data / metadata set that makes it possible to tell several stories within one overarching one, inviting you to participate and explore.

    Jonathan Harris collected the data/metadata during a nine day trip to Barrow (Alaska) observing the tradition of the Inupiat whale hunt that provides the community’s annual food supply.
    His photographic documentation is made of photos taken in 5 minute intervals (also during sleep) that establish a „photographic heartbeat“ that rises during moments of high adrenaline (37 pictures per 5 minute).
    The online interface of the visualization makes it possible to filter and explore the dataset of 3,214 pictures through different filters of time, concept, context and cadence(heart rate, level of excitement).

    It is definitely an exploratory data visualization that makes a multivariant analysis possible, comparing and documenting the artists reaction throughout the unfolding story. The highly subjective collection of data interests me. Where are the boundaries of what is considered a „data set“?

  14. http://www.peiliew.com/n3d

    This experimental project is an example interactive data visualization – it’s a hypothetical project, I don’t think it’s actually implemented or in use. The designer Pei Liew took a clunky and text heavy website NED – a catalog of all known objects in extragalactic space. Liew took 40,000 data points and translated it into a three dimensional graph. It is easy to visualize the individual galaxy and its neighbouring environment in this map.

  15. http://www.poppyfield.org/
    Developer: Valentina D’Efilippo (Featured in The Infographic History of the World by HarperCollins, 2013)

    I chose this specific visualization because it thoughtfully and directly represents data.

    This interactive visualization explores the 20th century wars. It compares death tolls, when and where events occurred, and a war’s overall duration. Color represents the location. Length and height represent time and duration.

    The visualization compares most 20th century wars directly giving a better sense of scale using beautiful graphics. It uses multivariate analysis and comparison to do this while also using an implied causality on the topic of war.

    Is the visualization is mostly explanatory as it gives you direct data in the shape of various forms, however, lets you explore the timeline and scope of the visualization

  16. Notepad is a design of Matt Kenyon and  Douglas Easterly that is an art object and also a work of critical design. It looks like an ordinary office notepad until you look through a magnifying glass. You then begin to interact with the information on the pages, which is the names of more than 100,000 Iraqi civilians who died in the Iraqi War. The interaction and the meanings are on several levels.

    First, the viewers are interacting through their eyes and their fingers as the read the names. Second, there is a contrast between the innocent notepad and the terrible contents. Third, there is a comparison between the names of the dead civilians in the notepad on a micro level and the names of the dead soldiers on a standard war memorial on a macro level. Fourth, there is a comparison or contrast between the innocent notepads and the critical comments the contents will make when they go into US government offices for use. Finally, there is a statistical comparison between the small number of soldiers who died and large number of civilians who died.

  17. http://flowingdata.com/2015/12/15/a-day-in-the-life-of-americans/

    A day in the life of Americans is a interactive data visualization that stood up to me. The playfulness and movement make this data fun to watch and learn. By using dots to represents people and color represents various activities, it quickly demonstrate American average day life.

    The data visualization is fitting to multiple principle and guideline listed in Tufte’s document. The visualization uses the data to tells a story around American people daily life. It implement time and activities variables to help provide the context.

Leave a Reply

Your email address will not be published. Required fields are marked *