data visualization - stelarstelar.edc.org/sites/stelar.edc.org/files/3_datavisualization.pdf ·...

52
Data Visualization Youth Radio and Rockman et al

Upload: others

Post on 24-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

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
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
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
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

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

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

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

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

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

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

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
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

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

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

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

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

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

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
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
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

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

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

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

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
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

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

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
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

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

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
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

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

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
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

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

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
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

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
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

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
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
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
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

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

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://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

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

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

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

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