Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Data Visualization for Beginners

1,086 views

Published on

This is the presentation I've used to introduce journalists with data visualization and storytelling with Infogram.

Published in: Data & Analytics
  • Be the first to comment

Data Visualization for Beginners

  1. 1. Have a look at the speech by infogr.am co-founder Uldis Leiterts
  2. 2. nika@infogr.am
  3. 3. DataStories beat
  4. 4. The New York City metropolitan area is home to the largest Jewish community outside Israel. It is also home to nearly a quarter of the nation's Indian Americans and 15% of all Korean Americans and the largest Asian Indian population in the Western Hemisphere; the largest African American community of any city in the country; and including 6 Chinatowns in the city proper, comprised as of 2008 a population of 659,596 overseas Chinese, the largest outside of Asia. New York City alone, according to the 2010 Census, has now become home to more than one million Asian Americans, greater than the combined totals of San Francisco and Los Angeles. New York contains the highest total Asian population of any U.S. city proper. 6.0% of New York City is of Chinese ethnicity, with about forty percent of them living in the borough of Queens alone. Koreans make up 1.2% of the city's population, and Japanese at 0.3%. Filipinos are the largest southeast Asian ethnic group at 0.8%, followed by Vietnamese who make up only 0.2% of New York City's population. Indians are the largest South Asian group, comprising 2.4% of the city's population, and Bangladeshis and Pakistanis at 0.7% and 0.5%, respectively. / Demographics of New York, Wikipedia
  5. 5. 700 000 0
  6. 6. There is a magic in graphs. The profile of a curve reveals in a flash the whole situation - the life history of an epidemic, a panic or an era of prosperity. The curve informs the mind, awakens the imagination, convinces. Henry D. Hubbard /1939/ National Bureau of Standards Washington D.C
  7. 7. DataStories = Visualized data
  8. 8. What is Data Visualization?
  9. 9. What is Data Visualization?
  10. 10. What is Data Visualization?
  11. 11. When was data visualisation invented?
  12. 12. First line chart Back in 10th or 11th century an unknown author draws multiple lines on a grid to compare time-series data about the “classical planets” of Venus, Mercury, Saturn, Mars, Jupiter, the Sun, and the Moon.
  13. 13. First bar chart Nicole Oresme a French physician. In his 14th century publication, "The Latitude of Forms" he uses bars to plot velocity of a constantly accelerating object against time.
  14. 14. First pie chart William Playfair (1759-1823) invents pie chart to compare geopolitical territories represented by circles, sometimes segmented in slices.
  15. 15. Other examples Charles Minard's map of Napoleon's disastrous Russian campaign of 1812.
  16. 16. Other examples Florence Nightingale, the English nurse, in 1855 used a polar area diagram to show the dynamics of the mortality causes of the British Army in the east.
  17. 17. Data Visualization now
  18. 18. Bar Comparing things like income? Line Get some lengthy data like oil prices? Area Want to show contents of e.g. exports? Map Need to show a country comparison? More Choose yours! Data Visualization 101
  19. 19. One dimension Two dimensions Three+ dimensions Bar LineAreaPie Picto Scatterplot Bubble Comparison Tendency/Relations Comparison/ Relationships
  20. 20. Categories Value=length
  21. 21. Most often the best choice. Good to show differences in values that don’t add up to 100%. Poor choice for showing time- series data, as the line charts have a smoother representation. Bar Comparing things like income?
  22. 22. 100°=28% 50°=14% 55° = 15% 55°= 15% 100° = 28% 3,6° = 1%
  23. 23. Good for showing contrast when two or three components of something differ greatly in size. Bad choice if you have more than three variables or if their values are similar in size. Pie Need to show a country comparison?
  24. 24. 1 icon = x 7x 4x 6x 16x
  25. 25. Works well with 2-3 groups of people compared and when differences are significant. A line chart is a better option with more than three groups and when differences are small. Picto Need to show a country comparison?
  26. 26. Time Value
  27. 27. Line Get some lengthy data like oil prices? Best choice for time-series data and highlighting trends, with not more than three sets per chart. May be visually misleading when attempting to show data that is not based on time-series. Line Get some lengthy data like oil prices?
  28. 28. Time Value+value
  29. 29. Good to show how a certain variable grows/drops relative to others over a period of time. Careful when choosing between basic and stacked layouts, as they give different impressions. Area Want to show contents of e.g. exports?
  30. 30. Variable1 Variable 2
  31. 31. Good to find out how much one variable depends on other e.g. how strongly does it correlate. Careful when choosing variables that don’t correlate, as result can be meaningless. Scatter Detect what is more profitable
  32. 32. Variable1 Variable 2 Volume More 1 More 2 Less 1 More 2 More 1 Less 2 Less 1 Less 2
  33. 33. The best to understand social, economical, medical, and other scientific relationships. Make sure your audience can read the chart. Bubble Compare values and show relationships
  34. 34. Online Data Visualisation Landscape Manual AutomatedSemi-automated HTML CSS Javascript
  35. 35. #InfogramStory How to make data go viral?
  36. 36. Data Storytelling Baku, September, 2015
  37. 37. Data What can you use? Audience How can you surprise them? Message Simplicity Story Simple Unexpected Concrete Credible Emotional
  38. 38. What to look for in data? Trends Contrast Outliers
  39. 39. #InfogramStory Start asking questions. Data will tell you the answers.
  40. 40. Data What can you use? Audience How can you surprise them? Message Simplicity Story Simple Unexpected Concrete Credible Emotional
  41. 41. #InfogramStory Relevance
  42. 42. If a story is not about the hearer, he will not listen. John Steinbeck, East of Eden
  43. 43. Say what? Know your Message Who cares? Know your Audience You need to have both answers before switching on the tool.
  44. 44. Relevance is threefold The stickiest stories convince rationally, touch emotionally and generate conversations. Rational Relevance Emotional Relevance Social Relevance
  45. 45. Data What can you use? Audience How can you surprise them? Message Simplicity Story Simple Unexpected Concrete Credible Emotional
  46. 46. #InfogramStory Know your audience
 To make a good story you have to put yourself in the shoes of 
 the listener.
  47. 47. All you may need is a Simple Unexpected Concrete Credentialed Emotional Shareable Story.
  48. 48. Getting your idea across in one sentence. Then using as little data as possible to prove that. Simple?
  49. 49. https://infogr.am/got-water-3757588?src=web Simple? Less is always more. Do:
  50. 50. Simple? Don't: Less is always more. https://infogr.am/scottish-social-media-charts?src=web
  51. 51. Unexpected? Violate people’s expectations. Be counterintuitive. Use surprise, an emotion whose function is to increase alertness and cause focus. You must systematically keep opening gaps in viewer’s knowledge and then fill those gaps.
  52. 52. Unexpected? Do: https://infogr.am/lmyl-economic-impact?src=web
  53. 53. Unexpected? Don't: http://infogr.am/Facebook-dominates-social-sharing?src=web
  54. 54. Concrete Speaking concretely is the only way to ensure our idea means the same thing to everyone. Naturally sticky ideas are full of concrete images because our brains are wired to remember concrete data.
  55. 55. Concrete Use clear (visual) metaphors Do: https://infogr.am/are-you-1-in-200?src=web
  56. 56. Concrete Don't: …confuse the reader https://infogr.am/survey-results-70?src=web
  57. 57. Sticky ideas have to carry their own credentials. “Before you vote, ask yourself if you are better off today than you were four years age”. Always use citations, references, quotes and don’t be afraid of name-dropping. Credible?
  58. 58. Credible? Quote. Refer. Repeat. Do: http://infogr.am/Gas-Safety-Week-1?src=web
  59. 59. Credible? http://infogr.am/goodbye-yellow-brick-road?src=web Don't: …forget to source the data
  60. 60. Emotional? There are somewhat five main types of emotion. Sadness Anger Surprise Fear Joy */Steven Handel/
  61. 61. Emotional? http://infogr.am/Ana-Just-Wants-To-Be-Safe?src=web Pick from five types of emotions Do:
  62. 62. Emotional? Don't: …just report
  63. 63. #InfogramStory Thank you! @nikaaleksejeva nika@infogr.am

×