Visualizing Data

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

HTW BerlinDecember 11, 2013

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

Open Data: Session 10 – 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: www.wheredoesmymoneygo.org

Australia: http://theopenbudget.org/

https://openspending.org/ - worldwide

Washington Post:The Black Budget

http://www.washingtonpost.com/wp-srv/special/national/black-budget/

Gregor Aisch - Donations to Political Partieshttp://vis4.net/labs/parteispenden/

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

The Guardian:http://www.theguardian.com/global-development/interactive/2013/jan/31/remittances-money-migrants-home-interactive

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

Twin Cities Crime Map: http://stpaulcrime.twincities.com/

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

Open Data: Session 10 – Visualizing Data

Flaws in Visualizations

Examples

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

Source: Gregor Aisch

Open Data: Session 10 – Visualizing Data

Skewed Scales

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

Source: Gregor Aisch

Open Data: Session 10 – Visualizing Data

● Mike Bostock (Creator of D3) at Eyeo 2013Talk: http://bost.ocks.org/mike/example/Video: http://vimeo.com/channels/544709/69448223Data-Driven Documents (D3): http://d3js.org/

● Kevin Quealy: http://www.kevinquealy.com/● Ralph Straumann: http://www.ralphstraumann.ch/ ● Gregor Aisch: http://driven-by-data.net/ + http://vis4.net/blog/● Alberto Cairo - The Functional Art:

http://www.thefunctionalart.com/● Overview of D3 Visualizations:

http://biovisualize.github.io/d3visualization/ ● Infographic Collection: http://marijerooze.nl/thesis/graphics/

Further Information

Open Data: Session 10 – Visualizing Data

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

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

● Visualization Metaphors: Old & Newhttp://www.visualcomplexity.com/vc/blog/?p=1159

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

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

● Visualising Data - Resources: http://www.visualisingdata.com/index.php/resources/

Further Information II