Digital and Multimedia Journalism Class 6 – Data Aleszu Bajak Brandeis University Is this visualization effective? How would you improve it?

Source: Hot Butter Studio WHAT IS ? Source: Hot Butter Studio WHAT IS DATA VISUALIZATION? WHY DO WE VISUALIZE DATA?

BEST PRACTICES

WORKSHOP RECORD

Source: Hanspeter Pfister ANALYZE

Source: Hanspeter Pfister COMMUNICATE To encode several dimensions of information To convey a complex story

Pitch interactive To convey patterns and relationships To visualize a complex narrative To connect readers to places (or vice versa) To entice readers to explore

A well designed legend can go a long way WHY DO WE VISUALIZE DATA?

BEST PRACTICES

WORKSHOP - Work in grayscale - Avoid junk

Source: Hanspeter Pfister -Don’t let function follow form -Let the data speak for itself. -Does it want to be a , does it want to be a chart? Simplify!

Source: Alberto Cairo BEST PRACTICES

Sketch your ideas out on paper first

Work in grayscale

Avoid chart junk

Don’t let function follow form

Is your dataviz central or complementary to the story?

Think about comprehension, annotation, legends QUICK ACTIVITY Sketch out a visualization idea for each of these stories:

Anti-drug strategies to fight the current opioid crisis aren't working

The potential range of North Korea's current weapons would put most of the world in reach of its nuclear warheads

How Trump's refugee ban hurts health care in places that voted for him

What data/trend makes sense to visualize? How can you present it best for comprehension? Try to balance the literal with complementary. Include Omit Literal Complementary Dissonant If it doesn’t fit, you must omit A quick aside: and

-Is this data viz or an ? -Is this successful? -Can pictograms be useful?

Source: visuall.ly

This is what America's gun crisis looks like – The Guardian Combining annotation with

Why recreate the race in a chart, infographic or illustration when you can annotate quality photos? WHY DO WE VISUALIZE DATA?

BEST PRACTICES

WORKSHOP https://blogs.brandeis.edu/jour109b/dataviz/

Chartbuilder Beginner Intermediate

MAP ADDRESSES EXPLORE 311 ON GOOGLE CALLS IN BOSTON

https://blogs.brandeis.edu/jour109b/dataviz/ TAB 4 TAB 5

Google My Maps and Carto http://app.rawgraphs.io/ Data resources

Data portals https://github.com/caesar0301/awesome-public-datasets http://cooldatasets.com/ World Bank United Nations data DataHub data.gov Google “your city” +”data portal”

Others BuzzFeed’s Jeremy Singer Vine’s Data is Plural NICAR-listserv Data viz tools

Tableau Plotly Chartbuilder Piktochart Datawrapper visual.ly Highcharts Canva Graphiq Infogr.am ManyEyes easel.ly Charted.co Gephi My Maps RawGraphs Carto D3 Odyssey.js StoryMapJS