Visualizing Data

Michael Hörz – hoerz@michael-hoerz.de - @data_meining

HTW BerlinJune 4, 2014

This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Germany License

Open Data: Session 11 – Visualizing Data

Data Visualizations

● Budget Visualization● Party Donations● Financial Networks● Money Flows● Cartograms● Info Overflow● D3 Examples● (Potential Flaws in Visualizations)

Source: Gregor AischGreat Britain: wheredoesmymoneygo.org

Australia: theopenbudget.org

openspending.org - worldwide

Washington Post:The Black Budget

washingtonpost.com/wp-srv/special/national/black-budget

Gregor Aisch - Donations to Political Partiesvis4.net/labs/parteispenden

Open Corporates: Financial Networksopencorporates.com/viz/financial/index.html#goldman

Mapping Arms Data: nisatapps.prio.org/armsglobe

Cartogram of Swiss City Population:ralphstraumann.ch/projects/swiss-population-cartogram

Twin Cities Crime Map: stpaulcrime.twincities.com

D3 Designs: github.com/mbostock/d3/wiki/Gallery

Open Data: Session 11 – Visualizing Data

Flaws in Visualizations

Examples

● Zero Point in Bar Charts● Skewed Scales● Bubbles and Relation - Area vs. Radius

Example Collection: reddit.com/r/dataisugly

Source: Gregor Aisch

Open Data: Session 11 – Visualizing Data

Skewed Scales

Example: Commonwealth of Kentucky vs. Purdue Pharma Source: Small Data Journalismsmalldatajournalism.com/class/fall2013/notes-1028/#skewed-scales

Source: Gregor Aisch

Open Data: Session 11 – Visualizing Data

● Mike Bostock (Creator of D3) at Eyeo 2013

○ Talk: bost.ocks.org/mike/example

○ Video: vimeo.com/channels/544709/69448223

○ Data-Driven Documents (D3): d3js.org

● Overview of D3 Visualizations: biovisualize.github.io/d3visualization

● Ralph Straumann: ralphstraumann.ch

● Gregor Aisch: driven-by-data.net + vis4.net/blog

● Alberto Cairo - The Functional Art: thefunctionalart.com

● Infographic Collection: marijerooze.nl/thesis/graphics

Further Information

Open Data: Session 11 – Visualizing Data

● Office for National Statistics (UK): Infographic Guidelines -is.gd/ons_infographic_guidelines

● Making of Open Corporates Network Visualization:kiln.it/projects/opencorporates

● Visualization Metaphors: visualcomplexity.com/vc/blog/?p=1159

● 10 Lessons From the New York Times’ Data Visualizations: blog.visual.ly/10-things-you-can-learn-from-the-new-york-times-data-visualizations

● Pro Publica News Apps Styleguide:github.com/propublica/guides/blob/master/news-apps.md

● Visualising Resources: visualisingdata.com/index.php/resources

Further Information II