Making Charts from Spreadsheets
Data 101
August 30th, 2016
Data 101. David Newbury — @workergnome 1
Housekeeping
go to https://docs.google.com
...and you should see this.
If you don't, you'll need to
get a Google Docs acco...
Housekeeping
Slides are online...
TODO: ADD LINK HERE
Data 101. David Newbury — @workergnome 3
Today's Todos:
—Make a Spreadsheet
—Make a Chart
—Use Existing Data
—Write a Formula
Data 101. David Newbury — @workergnom...
Use data to
Tell a Story.
Data 101. David Newbury — @workergnome 5
The most exciting slide ever...
Data 101. David Newbury — @workergnome 6
A Brief History
of The Spreadsheet.
Data 101. David Newbury — @workergnome 7
Columns of Numbers
(This is not my handwriting.)
Data 101. David Newbury — @workergnome 8
Accounting Worksheets
(This is also
not my handwriting.)
Data 101. David Newbury — @workergnome 9
Computers
They're computing.
Data 101. David Newbury — @workergnome 10
Digital
Computers
Apple II, ca. 1977
Data 101. David Newbury — @workergnome 11
Visicalc (1979)
"A magic sheet of paper that
can perform calculations and
recalculations."
— Bob Frankston, Creator
Data 1...
Lotus 1-2-3 (1983)
Called 1-2-3 for three things:
1. A spreadsheet
2. A database
3. A charting tool
Data 101. David Newbur...
Let's not say PC
compatible.
Instead, let's
say '1-2-3
compatible.'
— Infoworld February 27, 1984
Data 101. David Newbury ...
Microsoft Excel (~1993)
I told you this would be exciting.
Data 101. David Newbury — @workergnome 15
Google Sheets (~2012)
Data 101. David Newbury — @workergnome 16
Why Spreadsheets?
Agricultural account tablet in
Sumerian referring to flocks and
herds. ca. 2400 BCE.
Harry Ransom Center
...
Create a New Spreadsheet
Data 101. David Newbury — @workergnome 18
Data.
http://bit.ly/data101charts
Data 101. David Newbury — @workergnome 19
Make A Copy.
Data 101. David Newbury — @workergnome 20
Live Demo #1.
Data 101. David Newbury — @workergnome 21
Data.
Data 101. David Newbury — @workergnome 22
Live Demo #2.
Data 101. David Newbury — @workergnome 23
Charts.
Data 101. David Newbury — @workergnome 24
Data...
Data 101. David Newbury — @workergnome 25
...Stories.
Data 101. David Newbury — @workergnome 26
Why Charts?
Charts are shortcuts
to understanding.
Data 101. David Newbury — @workergnome 27
Changes Humans Notice
• Color
• Area
• Angle
• Length
Data 101. David Newbury — @workergnome 28
ColorUse for categories
Data 101. David Newbury — @workergnome 29
AreaUse to show differences
Data 101. David Newbury — @workergnome 30
Angles
Use to highlight
convergence or divergence
Data 101. David Newbury — @workergnome 31
Length
Use for comparisons
Data 101. David Newbury — @workergnome 32
A 5% change matters
• 5% lighter
• 5% Bigger
• 5% Rotated
• 5% Longer
Data 101. David Newbury — @workergnome 33
What to use and when.
• Color: Indicate Categories
• Area: Highlight Differences
• Angle: Show Convergence
• Length: Compar...
The parts
of a chart.
Data 101. David Newbury — @workergnome 35
Data 101. David Newbury — @workergnome 36
Data 101. David Newbury — @workergnome 37
Data 101. David Newbury — @workergnome 38
Data 101. David Newbury — @workergnome 39
Data 101. David Newbury — @workergnome 40
Data 101. David Newbury — @workergnome 41
Data 101. David Newbury — @workergnome 42
Remove Chart Junk
Only keep what you need
to tell your story.
The rest is distraction.
Data 101. David Newbury — @workergn...
Live Demo #3
Data 101. David Newbury — @workergnome 44
Choosing
a chart type.
Data 101. David Newbury — @workergnome 45
Ask a question:
What type of fruit do I like?
Data 101. David Newbury — @workergnome 46
Pie Charts
For comparing percentages
—No more than 4 or 5 slices.
—Limited accuracy.
—Easy to understand.
Data 101. David ...
Ask a question:
What fruit do I eat the most of?
Data 101. David Newbury — @workergnome 48
Bar Chart
For comparing values
—Can have many values.
—Good accuracy.
—Easy to understand.
—Zeros show up.
Data 101. David...
Ask a question:
What fruit did I eat more of last week?
Data 101. David Newbury — @workergnome 50
Bar Charts
For comparing values
—Can have many values.
—Good accuracy.
—Easy to understand.
—Zeros show up.
Data 101. Davi...
Bar Charts
For comparing values
—Can have many values.
—Good accuracy.
—Easy to understand.
—Zeros show up.
Data 101. Davi...
Ask a question:
What week did I eat more fruit?
Data 101. David Newbury — @workergnome 53
Stacked Bars
For comparing totals
—Harder to understand.
—Good when you don't care
about the individual values
Data 101. D...
Different charts tell different stories.
Data 101. David Newbury — @workergnome 55
Pie Charts
Comparing percentages
Data 101. David Newbury — @workergnome 56
Ask a question:
What percent of the fruit I eat are apples?
Data 101. David Newbury — @workergnome 57
Pie Charts
Comparing a part to the whole
Data 101. David Newbury — @workergnome 58
Pie Charts
Contextual Colors
Data 101. David Newbury — @workergnome 59
Pie Charts
Incorrect Colors
Data 101. David Newbury — @workergnome 60
Pie Charts
Too Subtle Colors
Data 101. David Newbury — @workergnome 61
Color can help or hinder telling your story.
Data 101. David Newbury — @workergnome 62
No. Just...no.
We read charts
left to right;
bottom to top.
Data 101. David Newbury — @workergnome 63
Charts vs. Graphs
A Chart shows quantitative
change over one axis
A Graph compares quantitative
change over two axis
Data ...
Ask a question:
How does my fruit consumption change over time?
Data 101. David Newbury — @workergnome 65
Live Demo #4.
Data 101. David Newbury — @workergnome 66
Data 101. David Newbury — @workergnome 67
Line Graphs
A continuous value over time
Data 101. David Newbury — @workergnome 68
Smoothed Line Graph
Data 101. David Newbury — @workergnome 69
Ask a question:
What does my annual fruit consumption look like?
Data 101. David Newbury — @workergnome 70
Many Values: Line Graph
Data 101. David Newbury — @workergnome 71
Many Values: Smooth Line Graph
Data 101. David Newbury — @workergnome 72
Many Values: Histogram
Data 101. David Newbury — @workergnome 73
Area Graph
Data 101. David Newbury — @workergnome 74
Sometimes,
the data needs help.
Data 101. David Newbury — @workergnome 75
Live Demo #5
Data 101. David Newbury — @workergnome 76
Line Chart
Data 101. David Newbury — @workergnome 77
Datasets
https://data.wprdc.org/dataset/pgh
https://data.wprdc.org/dataset/project-budgets
Data 101. David Newbury — @work...
Don't be afraid to leave the spreadsheet.
• PowerPoint
• Paint
• Pencils
Data 101. David Newbury — @workergnome 79
https://public.tableau.com
Data 101. David Newbury — @workergnome 80
Resources—http://www.datavizcatalogue.com
—http://www.visualisingdata.com
—https://eagereyes.org
Data 101. David Newbury —...
Thank You.David Newbury (@workergnome)
Data 101: Making Charts from Spreadsheets
Data 101. David Newbury — @workergnome 82
Prochain SlideShare
Chargement dans…5
×

Data 101: Making Charts from Spreadsheets

276 vues

Publié le

The fundamental tools of data visualization are the spreadsheet and the chart. Modern spreadsheet software like Microsoft Excel or Google Sheets make generating charts easy, but there are so many types of charts and ways to configure them that it can be difficult to know how to get started, or how to choose the best chart to help tell your story. In this workshop, we will explore the types of charts available, describe the differences between them, when each is appropriate, and work through creating and customizing a chart to help tell a specific story.
This workshop is designed for people with basic spreadsheet skills, but no previous experience with making charts is required. If you’re comfortable reading and entering data using spreadsheet software like Excel or Google Sheets, you are ready for this workshop!

Given August 30th at the East Liberty Branch of the Pittsburgh Public Library

Publié dans : Données & analyses
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
276
Sur SlideShare
0
Issues des intégrations
0
Intégrations
25
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Data 101: Making Charts from Spreadsheets

  1. 1. Making Charts from Spreadsheets Data 101 August 30th, 2016 Data 101. David Newbury — @workergnome 1
  2. 2. Housekeeping go to https://docs.google.com ...and you should see this. If you don't, you'll need to get a Google Docs account. Data 101. David Newbury — @workergnome 2
  3. 3. Housekeeping Slides are online... TODO: ADD LINK HERE Data 101. David Newbury — @workergnome 3
  4. 4. Today's Todos: —Make a Spreadsheet —Make a Chart —Use Existing Data —Write a Formula Data 101. David Newbury — @workergnome 4
  5. 5. Use data to Tell a Story. Data 101. David Newbury — @workergnome 5
  6. 6. The most exciting slide ever... Data 101. David Newbury — @workergnome 6
  7. 7. A Brief History of The Spreadsheet. Data 101. David Newbury — @workergnome 7
  8. 8. Columns of Numbers (This is not my handwriting.) Data 101. David Newbury — @workergnome 8
  9. 9. Accounting Worksheets (This is also not my handwriting.) Data 101. David Newbury — @workergnome 9
  10. 10. Computers They're computing. Data 101. David Newbury — @workergnome 10
  11. 11. Digital Computers Apple II, ca. 1977 Data 101. David Newbury — @workergnome 11
  12. 12. Visicalc (1979) "A magic sheet of paper that can perform calculations and recalculations." — Bob Frankston, Creator Data 101. David Newbury — @workergnome 12
  13. 13. Lotus 1-2-3 (1983) Called 1-2-3 for three things: 1. A spreadsheet 2. A database 3. A charting tool Data 101. David Newbury — @workergnome 13
  14. 14. Let's not say PC compatible. Instead, let's say '1-2-3 compatible.' — Infoworld February 27, 1984 Data 101. David Newbury — @workergnome 14
  15. 15. Microsoft Excel (~1993) I told you this would be exciting. Data 101. David Newbury — @workergnome 15
  16. 16. Google Sheets (~2012) Data 101. David Newbury — @workergnome 16
  17. 17. Why Spreadsheets? Agricultural account tablet in Sumerian referring to flocks and herds. ca. 2400 BCE. Harry Ransom Center University of Texas at Austin Data 101. David Newbury — @workergnome 17
  18. 18. Create a New Spreadsheet Data 101. David Newbury — @workergnome 18
  19. 19. Data. http://bit.ly/data101charts Data 101. David Newbury — @workergnome 19
  20. 20. Make A Copy. Data 101. David Newbury — @workergnome 20
  21. 21. Live Demo #1. Data 101. David Newbury — @workergnome 21
  22. 22. Data. Data 101. David Newbury — @workergnome 22
  23. 23. Live Demo #2. Data 101. David Newbury — @workergnome 23
  24. 24. Charts. Data 101. David Newbury — @workergnome 24
  25. 25. Data... Data 101. David Newbury — @workergnome 25
  26. 26. ...Stories. Data 101. David Newbury — @workergnome 26
  27. 27. Why Charts? Charts are shortcuts to understanding. Data 101. David Newbury — @workergnome 27
  28. 28. Changes Humans Notice • Color • Area • Angle • Length Data 101. David Newbury — @workergnome 28
  29. 29. ColorUse for categories Data 101. David Newbury — @workergnome 29
  30. 30. AreaUse to show differences Data 101. David Newbury — @workergnome 30
  31. 31. Angles Use to highlight convergence or divergence Data 101. David Newbury — @workergnome 31
  32. 32. Length Use for comparisons Data 101. David Newbury — @workergnome 32
  33. 33. A 5% change matters • 5% lighter • 5% Bigger • 5% Rotated • 5% Longer Data 101. David Newbury — @workergnome 33
  34. 34. What to use and when. • Color: Indicate Categories • Area: Highlight Differences • Angle: Show Convergence • Length: Compare Differences Data 101. David Newbury — @workergnome 34
  35. 35. The parts of a chart. Data 101. David Newbury — @workergnome 35
  36. 36. Data 101. David Newbury — @workergnome 36
  37. 37. Data 101. David Newbury — @workergnome 37
  38. 38. Data 101. David Newbury — @workergnome 38
  39. 39. Data 101. David Newbury — @workergnome 39
  40. 40. Data 101. David Newbury — @workergnome 40
  41. 41. Data 101. David Newbury — @workergnome 41
  42. 42. Data 101. David Newbury — @workergnome 42
  43. 43. Remove Chart Junk Only keep what you need to tell your story. The rest is distraction. Data 101. David Newbury — @workergnome 43
  44. 44. Live Demo #3 Data 101. David Newbury — @workergnome 44
  45. 45. Choosing a chart type. Data 101. David Newbury — @workergnome 45
  46. 46. Ask a question: What type of fruit do I like? Data 101. David Newbury — @workergnome 46
  47. 47. Pie Charts For comparing percentages —No more than 4 or 5 slices. —Limited accuracy. —Easy to understand. Data 101. David Newbury — @workergnome 47
  48. 48. Ask a question: What fruit do I eat the most of? Data 101. David Newbury — @workergnome 48
  49. 49. Bar Chart For comparing values —Can have many values. —Good accuracy. —Easy to understand. —Zeros show up. Data 101. David Newbury — @workergnome 49
  50. 50. Ask a question: What fruit did I eat more of last week? Data 101. David Newbury — @workergnome 50
  51. 51. Bar Charts For comparing values —Can have many values. —Good accuracy. —Easy to understand. —Zeros show up. Data 101. David Newbury — @workergnome 51
  52. 52. Bar Charts For comparing values —Can have many values. —Good accuracy. —Easy to understand. —Zeros show up. Data 101. David Newbury — @workergnome 52
  53. 53. Ask a question: What week did I eat more fruit? Data 101. David Newbury — @workergnome 53
  54. 54. Stacked Bars For comparing totals —Harder to understand. —Good when you don't care about the individual values Data 101. David Newbury — @workergnome 54
  55. 55. Different charts tell different stories. Data 101. David Newbury — @workergnome 55
  56. 56. Pie Charts Comparing percentages Data 101. David Newbury — @workergnome 56
  57. 57. Ask a question: What percent of the fruit I eat are apples? Data 101. David Newbury — @workergnome 57
  58. 58. Pie Charts Comparing a part to the whole Data 101. David Newbury — @workergnome 58
  59. 59. Pie Charts Contextual Colors Data 101. David Newbury — @workergnome 59
  60. 60. Pie Charts Incorrect Colors Data 101. David Newbury — @workergnome 60
  61. 61. Pie Charts Too Subtle Colors Data 101. David Newbury — @workergnome 61
  62. 62. Color can help or hinder telling your story. Data 101. David Newbury — @workergnome 62
  63. 63. No. Just...no. We read charts left to right; bottom to top. Data 101. David Newbury — @workergnome 63
  64. 64. Charts vs. Graphs A Chart shows quantitative change over one axis A Graph compares quantitative change over two axis Data 101. David Newbury — @workergnome 64
  65. 65. Ask a question: How does my fruit consumption change over time? Data 101. David Newbury — @workergnome 65
  66. 66. Live Demo #4. Data 101. David Newbury — @workergnome 66
  67. 67. Data 101. David Newbury — @workergnome 67
  68. 68. Line Graphs A continuous value over time Data 101. David Newbury — @workergnome 68
  69. 69. Smoothed Line Graph Data 101. David Newbury — @workergnome 69
  70. 70. Ask a question: What does my annual fruit consumption look like? Data 101. David Newbury — @workergnome 70
  71. 71. Many Values: Line Graph Data 101. David Newbury — @workergnome 71
  72. 72. Many Values: Smooth Line Graph Data 101. David Newbury — @workergnome 72
  73. 73. Many Values: Histogram Data 101. David Newbury — @workergnome 73
  74. 74. Area Graph Data 101. David Newbury — @workergnome 74
  75. 75. Sometimes, the data needs help. Data 101. David Newbury — @workergnome 75
  76. 76. Live Demo #5 Data 101. David Newbury — @workergnome 76
  77. 77. Line Chart Data 101. David Newbury — @workergnome 77
  78. 78. Datasets https://data.wprdc.org/dataset/pgh https://data.wprdc.org/dataset/project-budgets Data 101. David Newbury — @workergnome 78
  79. 79. Don't be afraid to leave the spreadsheet. • PowerPoint • Paint • Pencils Data 101. David Newbury — @workergnome 79
  80. 80. https://public.tableau.com Data 101. David Newbury — @workergnome 80
  81. 81. Resources—http://www.datavizcatalogue.com —http://www.visualisingdata.com —https://eagereyes.org Data 101. David Newbury — @workergnome 81
  82. 82. Thank You.David Newbury (@workergnome) Data 101: Making Charts from Spreadsheets Data 101. David Newbury — @workergnome 82

×