Online datavisualisatie

32
ONLINE DATAVISUALISATIE Mediacademie 29 maart 2013

description

De slides van een les die ik gaf aan de Mediacademie.

Transcript of Online datavisualisatie

Page 1: Online datavisualisatie

ONLINE DATAVISUALISATIE

Mediacademie

29 maart 2013

Page 3: Online datavisualisatie

POLLEKE

Html?

Al data gevisualiseerd?

Waarom deelname?

Page 4: Online datavisualisatie

WAT?

Datavisualisatie maakt verschijnselen en delen van de

werkelijkheid zichtbaar en begrijpbaar. Deze fenomenen

zijn in veel gevallen niet zichtbaar voor het blote oog of

niet eens van visuele aard. (Joan Costa)

Datavisualisatie moet vragen kunnen beantwoorden

door

Vergelijken

Rangschikken

Samenvatten

Page 5: Online datavisualisatie

WAAR?

Page 6: Online datavisualisatie
Page 7: Online datavisualisatie
Page 8: Online datavisualisatie
Page 9: Online datavisualisatie
Page 10: Online datavisualisatie
Page 11: Online datavisualisatie

WAAROM NU?

Data

Meer

Open

Gratis

Licentie

Formaten

Tools gedemocratiseerd

Page 12: Online datavisualisatie

WAAROM NU?

Psychologie tijdens laatste decennia:

“Hersenen werken visueel”

Visuele cortex werkt snel en efficiënt

Klein „werkgeheugen‟

Page 13: Online datavisualisatie

Oorzaak Sterfgevallen 2008

Hart- en vaatziekten 33.142

Kanker 28.114

Ademhalingsstelsel 11.416

Uitwendige oorzaken 6.625

Spijsvertering 4.711

Zenuwstelsel 4.474

Psychische stoornissen 3.816

Stofwisselingsstoornissen 2.741

Infectieziekten 2.293

Urogenitaal 2.150

Andere 4.278

Totaal 103.760

Page 14: Online datavisualisatie

4.1%

2.1%

2.2%

2.6%

3.7%

4.3%

4.5%

6.4%

11.0%

27.1%

31.9%

0% 5% 10% 15% 20% 25% 30% 35%

Andere

Urogenitaal

Infectieziekten

Stofwisselingsstoornissen

Psychische stoornissen

Zenuwstelsel

Spijsvertering

Uitwendige oorzaken

Ademhalingsstelsel

Kanker

Hart- en vaatziekten

Sterfgevallen 2008

Page 15: Online datavisualisatie

Sterfgevallen 2008

Andere

Urogenitaal

Infectieziekten

Stofwisselingsstoornissen

Psychische stoornissen

Zenuwstelsel

Spijsvertering

Uitwendige oorzaken

Ademhalingsstelsel

Kanker

Hart- en vaatziekten

Page 17: Online datavisualisatie

GOEDE VISUALISATIE IS

Functioneel als een hamer

Gelaagd als een ui

Elegant en waar als een wiskundige formule

Alberto Cairo

Page 18: Online datavisualisatie
Page 19: Online datavisualisatie

DATAVISUALISATIE IN DE

JOURNALISTIEK

Analyse van cijfers

Illustratie bij artikel

Op zichzelf staand

Interactief („news app‟)

Page 20: Online datavisualisatie

INTERACTIVITEIT

Statisch

Semi-statisch

hover

klikbaar

Interactief

filteren

sorteren

gebruikersinput

animatie

Page 21: Online datavisualisatie

ONLINE VS. PRINT

Beperkingen van papier zijn weg:

Interactiviteit

Animatie

Hoeveelheid data

Grote range in complexiteit

Eenvoudige tools, die regels van goede visualisatie (meestal) volgen

Beperking zit in CMS

Page 22: Online datavisualisatie

BEST OF THE BEST

Data journalism award winners

Methadone and the politics of pain (Seattle

Times)

Riot Rumours (The Guardian)

Every Death on Every Road (BBC)

Page 23: Online datavisualisatie

BEST OF THE BEST

Malofiej 21 online winnaars:

All the medalists (New York Times)

512 paths to the White House (New York

Times)

Stateface (ProPublica)

Page 24: Online datavisualisatie

VORMEN

Tabel

Grafiek

Scatterplot, bellendiagram

Lijngrafiek

Hellingsgrafiek

Staafgrafiek, gestapelde staafgrafiek

Taartdiagram

Stapeldiagram (geavanceerd)

Sparklines, meer sparklines

Kaart

Animatie

App: China vs US, Hoe ver woon ik van een Sevesobedrijf?, What‟s your number?

Page 25: Online datavisualisatie
Page 26: Online datavisualisatie

TOOLS

Page 30: Online datavisualisatie

MAPBOX

mapbox.com

Mooie kaartjes

Veel customizing mogelijk

Bruksel, Grondstoffenrace