Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf ·...
Transcript of Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf ·...
![Page 1: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/1.jpg)
Data VisualizationYouth Radio and Rockman et al
![Page 2: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/2.jpg)
Hello! #iTestDataViz
#itest2018
![Page 3: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/3.jpg)
How does beautiful data enhance a story?
![Page 4: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/4.jpg)
![Page 5: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/5.jpg)
![Page 6: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/6.jpg)
![Page 7: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/7.jpg)
Moodring slide
![Page 8: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/8.jpg)
Data Viz is also for Evaluation!
![Page 9: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/9.jpg)
Source: http://stephanieevergreen.com/aggregated-stacked-bars/
![Page 10: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/10.jpg)
Source: Allen & Quimby (2015)
![Page 11: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/11.jpg)
Source: http://stephanieevergreen.com/easy-dot-plots-in-excel/
![Page 12: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/12.jpg)
HOW DO WE GET THERE?
DATA CHART DESIGN
![Page 13: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/13.jpg)
What is data?
![Page 14: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/14.jpg)
![Page 15: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/15.jpg)
Quantitativenumbers give a sense of
s cope
Average = total/# of people
Mode = mos t common #
Median = # in the middle
Range = the lowes t/highes t # ?
![Page 16: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/16.jpg)
Qualitative Data
narrative provides flavor
Examples = what's the narrative?
Rationale = what are the reasons?
Background = what's the history/context?
Emotions = what are the stakes?
![Page 17: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/17.jpg)
HOW DO WE GET THERE?
DATA CHART DESIGN
![Page 18: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/18.jpg)
LINE HEAT MAP DUMBELL DOT PIE CHART STACKED BAR
via AnnKemery.com/essentials
![Page 19: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/19.jpg)
STAND UP!
![Page 20: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/20.jpg)
YOU DID IT! You visualized data!
![Page 21: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/21.jpg)
![Page 22: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/22.jpg)
![Page 23: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/23.jpg)
How do we get from here... To here?
![Page 24: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/24.jpg)
SHOW! DON’T TELLUse visuals to make numbers, states, processes understandable.
Give scale, scope, or story.
![Page 25: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/25.jpg)
HOW DO WE GET THERE?
DATA CHART DESIGN
![Page 26: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/26.jpg)
BASIC PRINCIPLES OF DESIGN!
CRAP
![Page 27: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/27.jpg)
![Page 28: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/28.jpg)
Contrast
![Page 29: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/29.jpg)
CONTRASTThe arrangement of opposite elements (light vs. dark colors, rough vs. smooth textures, large vs. small shapes, etc.) in a piece to create visual interest, excitement and drama.
![Page 30: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/30.jpg)
![Page 31: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/31.jpg)
Repetition
![Page 32: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/32.jpg)
REPETITIONThe repeating of visual elements such as line, color, shape, texture, value or image, which tends to unify the total effect of a work of art as well as create rhythm.
![Page 33: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/33.jpg)
![Page 34: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/34.jpg)
Alignment
![Page 35: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/35.jpg)
ALIGNMENTLine it up! The organization or grouping information or elements to create order and balance, or to call attention to a focal point of the design.
![Page 36: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/36.jpg)
![Page 37: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/37.jpg)
Proximity
![Page 38: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/38.jpg)
PROXIMITYThe closeness of groups that produces a bond or emphasizes a relationship between elements.
![Page 39: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/39.jpg)
![Page 40: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/40.jpg)
What’s CRAP about this?
![Page 41: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/41.jpg)
![Page 42: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/42.jpg)
But… what about qualitative data? Can you make that beautiful?
![Page 43: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/43.jpg)
![Page 44: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/44.jpg)
![Page 45: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/45.jpg)
![Page 46: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/46.jpg)
Workshop content, es pecially the hands -on activities , was the mos t effective component of the profes s ional development.
![Page 47: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/47.jpg)
Before After
Source: Allen & Quimby (2015)
![Page 48: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/48.jpg)
https://www.slideshare.net/annkemery/ann-emerydatavizforphilanthropists
![Page 49: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/49.jpg)
Make your data BEAUTIFUL!How does this enhance your story?
15 minutes
![Page 50: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/50.jpg)
Make your data BEAUTIFUL!
1. What data will you use?
2. Quantitative? Qualitative?
3. What story are you telling?
4. What type of chart are you using? Why?
5. Is it CRAP?
6. What data is missing? What info would you want?
![Page 51: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/51.jpg)
Let’s see how you did!
![Page 52: Data Visualization - STELARstelar.edc.org/sites/stelar.edc.org/files/3_DataVisualization.pdf · Data is a key part of the way we make stories, fun, relevant and accurate. In this](https://reader035.fdocuments.us/reader035/viewer/2022081615/5fd69b512815e5379d11625e/html5/thumbnails/52.jpg)
RESOURCES + QUESTIONSTeach Youth Radio CurriculumTelling Stories With DataData is a key part of the way we make stories, fun, relevant and accurate. In this unit, you’ll learn how to turn data into engaging transmedia stories about the world we live in. youthradio.org/teach-youth-radio/diy-toolkit-telling-stories-with-data/
How to Make an InfographicIn this lesson, we’ll walk you through the basics of making your own infographic depending on the data at hand. youthradio.org/journalism/science/diy-how-to-make-an-infographic/
Data Viz for Evaluators!● Ann Emery: http://annkemery.com● Stephanie Evergreen: http://stephanieevergreen.com● AEA resources (slide and presentations): http://www.eval.org/page/p2i-tools● Qualitative chart chooser: http://stephanieevergreen.com/wp-content/uploads/2017/11/Qualitative-Chooser-3.pdf● Data visualization checklist: http://annkemery.com/checklist/
Resources to make your designs POP for free!! ● Coolors.co - An awesome color scheme generator. Super fun to use! coolors.co● Google Fonts - A huge database of downloadable, web-safe fonts. fonts.google.com● Pixabay - A collection of royalty-free photos, illustrations, vector images, and even videos. pixabay.com● The Noun Project - Tons of royalty-free icons from a variety of designers. thenounproject.com● Canva - Online graphic design tool. Very intuitive & no download necessary. www.canva.com