Data visualisation
Project 3, Communication Design Studio
October 31
We’ve all seen data visualizations — some of them effective; many of them simply pleasing graphics. We’re going to dive into the process of conceiving and designing visuals that communicate information in ways that are useful, usable, and desirable by crafting the form in ways that intuitively match the content of the piece. To do so, we need to find data to use for the project.
Some sources for world data:
- World Data (broad range)
http://data.worldbank.org/indicator - Interesting portal to open data around the world
http://dataportals.org/ - Information on history, population, economy, government, infrastructure, and military of 267 countries
https://www.cia.gov/library/publications/the-world-factbook/ - Compilation of data from a range of sources
https://www.gapminder.org/data/
November 5
Examples of data visualisation:
Interactive examples
- OECD Better Life Index
http://www.oecdbetterlifeindex.org/ - They Rule: Shows connections of powerful people across businesses
http://www.theyrule.net/2004/tr2.php - Inaugural Words: 1789 to the Present: Interactive Graphic
http://www.nytimes.com/interactive/2009/01/17/washington/20090117_ADDRESSES.html?_r=0
Visualizations that are cognitively connected to content and/or encourage critical thinking
- Christopher Baker’s American Toys: Overlay of guns
http://christopherbaker.net/projects/american-toys/ - Crayola Color Chart
http://www.datapointed.net/visualizations/color/crayola-crayon-chart/ - 892 Unique Ways to Show a Partition of a 3x4 Grid
http://www.dubberly.com/concept-maps/3x4grid.html - The Shape of News
http://www.cvanvleck.com/resources/VanVleck_ShapeofNews.pdf - Obama’s Presidential Garden
https://www.good.is/infographics/transparency-obamas-presidential-garden#open - What’s in the Customer’s Mailstream
https://mir-s3-cdn-cf.behance.net/project_modules/hd/d633bd36483817.560644fd37b9b.jpg - Coffee Drinks Illustrated
http://lokeshdhakar.com/coffee-drinks-illustrated/ - Trustworthiness of Beards
http://pixelspread.com/images/trust_beard.jpg - Die GroSe Sex Umfrage: Uses vegetables in place of a bar chart
http://www.sarahillenberger.com/work/68/die-grosse-sex-umfrage - The True Size of Africa
https://www.good.is/infographics/what-is-the-true-size-of-africa#open - Fifty Years of Exploration: Mapping of the planets and outer space
http://ngm.nationalgeographic.com/map/map-day - Succession of Life: Diagram that maps natural occurrences and life population
http://rumsey3.s3.amazonaws.com/images/streamoftime/Bayer2.jpg
Explorations in form
- Kevin Van Aelst: Uses everyday objects as in the visualization of information
http://www.kevinvanaelst.com/art.html - CodeCity: Creates cityscapes based on data stats
https://wettel.github.io/codecity.html - Pop Up Books by Mariano Sidoni
http://pseudoape.com/2011/10/pop-up-book-mariano-sidoni/ - Dan Collier’s Typographic Links: Uses string in books to show connections of content
http://www.dancollier.co.uk/work/typographiclinks/ - Wind Map
http://hint.fm/wind/ - Minds of Modern Mathematics: Based on Eames exhibit for a World’s Fair entitled Mathematica
https://itunes.apple.com/us/app/minds-of-modern-mathematics/id432359402?mt=8 - A History of the Sky for One Year
http://www.murphlab.com/2011/11/15/a-history-of-the-sky-for-one-year/ - Skrekkogle DRC Exhibition
http://skrekkogle.com/drc.html
Related examples
- Our Planet Breathing
https://www.good.is/infographics/the-breathing-earth - Gun Violence
https://www.good.is/infographics/causes-of-mass-gun-violence - Barbie Body
https://www.good.is/infographics/infographic-why-it-s-physically-impossible-to-look-like-barbie#open - Citeology: Shows connections of citations among CHI papers
http://www.autodeskresearch.com/projects/citeology - Last Clock by Jussi Angelsleva
http://angesleva.iki.fi/art/last/?experimental/last/
November 9
Possible data sets:
- Internet usage vs. ?
http://data.worldbank.org/indicator/IT.NET.USER.P2?view=chart - Mobile cellular subscriptions vs. ?
http://data.worldbank.org/indicator/IT.CEL.SETS.P2?view=chart - Number of work hours per week vs. ?
https://docs.google.com/spreadsheets/d/1WPjCgWnDnRY_3wdW9_5KuIDHS-Lz1fML8Dcn0QNGiSs/pub?gid=0 - Per-capita income vs. Average salaries vs. Happiness quotient — Can money buy happiness?
http://worldhappiness.report/wp-content/uploads/sites/2/2016/03/HR-V1_web.pdf - Number of patent applications, residents vs. non residents vs . GDP?
November 14
Yes! We have data :) We are looking at What people studied for their bachelors degree and which occupational field they worked in after graduation by gender and race in the United States in 2012.
We thought it would be interesting to visualize and understand how many people end up working in the same field as their bachelors degree.
November 22
Exploring relationships in the data.
November 24
What is the data that is seen?
- Relation between the particular field of degree and the particular occupation.
- The number of people from a particular degree who landed up in different occupations
- The number of people from all degrees who landed up in a particular occupation.
Should only one particular degree’s relation to occupations and one particular occupation’s relation to all degree’s be shown at a time?
Or should I allow for comparison by showing them all at once?
November 26
First steps towards visualization. Exploring visualizing a parellel set of data — what if the degrees are grouped under STEM, STEM related and Non STEM?
The visualization SHOULD allow for comparison:
- How many people who studied a stem degree are working in a non stem occupation?
- Any non stem degree holders working in stem occupations?
Revised dataset:
Relation between degree holders (STEM, STEM related and Non STEM) and occupations (STEM, STEM related and Non STEM), by gender and race.
November 29
Exploring representation of STEM, STEM related and Non STEM through shape; and gender and race through color.
A square represents a STEM degree’s (and occupations) structured curriculum, a circle for Non STEM degree’s (and occupations) fluidity and a square with rounded corners falls in-between the two, for STEM related degrees (and occupations).
I am thinking of representing people in these degrees by these different shapes and the degree and occupation by the same shape.
Exploring gender through color.
December 5
December 6