Visualizing Data (Responsibly)

TakeOff Conf 2013 (Lille, France)
http://takeoffconf.com

Transcript

1. Irene Ros
   Bocoup http://bocoup.com
   @ireneros
   http://ireneros.com | http://github.com/iros
   Visualizing Data
   

   View Slide

2. (Responsibly)
   Irene Ros
   Bocoup http://bocoup.com
   @ireneros
   http://ireneros.com | http://github.com/iros
   Visualizing Data
   

   View Slide

3. Bocoup
   Not ‘Beaucoup’
   (sorry France!!)
   

   View Slide

4. View Slide

5. View Slide

6. Responsibility?
   ★ Data
   ★ Computations
   ★ Significance of Results
   ★ Visual Method
   

   View Slide

7. Data Source
   

   View Slide

8. Data Source
   

   View Slide

9. Data Source
   Results
   

   View Slide

10. View Slide

11. View Slide

12. 1:1
    

    View Slide

13. 1:1
    

    View Slide

14. 1:1
    *:1
    

    View Slide

15. View Slide

16. View Slide

17. 1:1
    *:1
    

    View Slide

18. 1:1
    *:1
    

    View Slide

19. 1:1
    *:1
    ?:1
    

    View Slide

20. Results
    

    View Slide

21. Results
    

    View Slide

22. Results
    

    View Slide

23. Results
    

    View Slide

24. Results
    32%
    Edible
    

    View Slide

25. What are you trying to
    show?
    How
    

    View Slide

26. Relationship
    Comparison
    Distribution
    Composition
    The way in which two or more
    dimensions are connected.
    The way in which something is
    shared out among a group or
    spread over an area.
    An evaluation of the similarities
    and differences of two or more
    things
    The arrangements of parts in
    relation to each other and the
    whole.
    scatter
    plot
    matrix
    chart
    network
    diagram
    

    View Slide

27. View Slide

28. Relationship
    Comparison
    Distribution
    Composition
    The way in which two or more
    dimensions are connected.
    The way in which something is
    shared out among a group or
    spread over an area.
    An evaluation of the similarities
    and differences of two or more
    things
    The arrangements of parts in
    relation to each other and the
    whole.
    histogram
    

    View Slide

29. View Slide

30. View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. 2 1 1 2
    

    View Slide

38. View Slide

39. Relationship
    Comparison
    Distribution
    Composition
    The way in which two or more
    dimensions are connected.
    The way in which something is
    shared out among a group or
    spread over an area.
    An evaluation of the similarities
    and differences of two or more
    things
    The arrangements of parts in
    relation to each other and the
    whole.
    bar graph line chart stack
    gracph
    maps
    bubble
    chart
    

    View Slide

40. http://www.bloomberg.com/data-visualization/federal-reserve-emergency-lending/
    

    View Slide

41. Relationship
    Comparison
    Distribution
    Composition
    The way in which two or more
    dimensions are connected.
    The way in which something is
    shared out among a group or
    spread over an area.
    An evaluation of the similarities
    and differences of two or more
    things
    The arrangements of parts in
    relation to each other and the
    whole.
    pie chart treemap
    

    View Slide

42. http://www.nytimes.com/interactive/2008/05/03/business/20080403_SPENDING_GRAPHIC.html
    %
    62%
    38%
    Agree
    Disagree
    90%
    

    View Slide

43. You’ve done
    everything right...
    but...
    

    View Slide

44. 31°
    

    View Slide

45. 31°
    

    View Slide

46. 31°
    

    View Slide

47. 31°
    

    View Slide

48. There is no such thing as
    objective data
    visualization
    

    View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. Common Pitfalls
    

    View Slide

54. Forgetting to visualize data
    

    View Slide

55. Forgetting to visualize data
    

    View Slide

56. Forgetting to visualize data
    

    View Slide

57. Misrepresenting Data
    

    View Slide

58. Misrepresenting Data
    

    View Slide

59. Misrepresenting Data
    0
    15
    30
    45
    60
    Annual Revenue Ad Spending
    Coca Cola Pepsi
    

    View Slide

60. Incorrectly Mapping Data To Visual Form
    A A
    B B
    Area=πr2 r=√Area/π
    draw.circle(x,y,v) draw.circle(x,y,√v/π)
    

    View Slide

61. Dimensional Overload
    

    View Slide

62. Axes Choices
    

    View Slide

63. 3D - Only Cool in Movies*
    * almost never
    

    View Slide

64. All the Data!
    

    View Slide

65. A
    B
    C
    D E
    F
    G
    H
    

    View Slide

66. A
    B
    C
    D E
    F
    G
    H
    A B C D E F G H
    A
    B
    C
    D
    E
    F
    G
    H
    

    View Slide

67. A
    B
    C
    D E
    F
    G
    H
    A B C D E F G H
    A
    B
    C
    D
    E
    F
    G
    H
    

    View Slide

68. A
    B
    C
    D E
    F
    G
    H
    A B C D E F G H
    A
    B
    C
    D
    E
    F
    G
    H
    Connections
    within a cluster
    

    View Slide

69. A
    B
    C
    D E
    F
    G
    H
    A B C D E F G H
    A
    B
    C
    D
    E
    F
    G
    H
    Connections
    within a cluster
    Connections
    between clusters
    

    View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. http://openvisconf.com/
    Need Moar?
    

    View Slide

75. Questions!
    Thank you!
    Irene Ros
    Bocoup http://bocoup.com
    @ireneros
    http://ireneros.com | http://github.com/iros
    

    View Slide