Hoorcollege 1 datavisualisatie
21-11-12
docenten! http://vimeo.com/31244010#at=10
datavisualisatie
justus sturkenboom!
[email protected]!
hoorcollege 1 introductie HVA CMD • V2 21 november 2012
vandaag over datavisualisatie • wat, waarom en hoe • inhoud van het vakgebied • context van het vakgebied
!
yuri westplat!
[email protected]! !
datavisualisatie
datavisualisatie
Abstracte informatie inzichtelijk maken door middel van een dynamische grafische weergave.
Complexiteit inzichtelijk maken
opzet van het vak • inhoud en scope • hoorcolleges • practicum • opdrachten en toetsing • regels how-to • basis: grafieken met D3
gapminder.org
1
Hoorcollege 1 datavisualisatie
21-11-12
datavisualisatie
datavisualisatie
patronen herkennen en vinden
gapminder.org
gapminder.org
datavisualisatie vragen ontdekken
data in context plaatsen
gapminder.org
gapminder.org
datavisualisatie
datavisualisatie
datavisualisatie
vragen beantwoorden
beargumenteren en overtuigen
verhalen vertellen en inspireren
gapminder.org
2
Hoorcollege 1 datavisualisatie
datavisualisatie • • • • • • • • • • • •
21-11-12
data
datavisualisatie gegevens
Vragen ontdekken Vragen beantwoorden Data in context plaatsen Patronen herkennen en vinden Beargumenteren en overtuigen Verhalen vertellen Inspireren Complexiteit inzichtelijk maken Oorzaak en gevolg tonen Beslissingen nemen Geheugensteun Ondersteuen van berekeningen
informatie
cijfers
dataset
gegevens voorzien van eigenschappen
gegevens in de vorm van cijfers opgeslagen in tabelvorm
gegevens in de vorm van cijfers opgeslagen in tabelvorm voorzien van eigenschappen
3
Hoorcollege 1 datavisualisatie
21-11-12
dataset
dataset
visuele weergave
gegevens in de vorm van cijfers opgeslagen in tabelvorm voorzien van eigenschappen vrij toegankelijk en beschikbaar in een open bestandsformaat
statline.cbs.nl/statweb
transformeren van dataset naar visualisatie • Het vertalen cijfers en eigenschappen uit een
dataset naar grafische objecten, zoals punten, lijnen of vlakken
statline.cbs.nl/statweb
datavisualisatie • • •
dataset transformatie visuele weergave
datavisualisatie • • •
dataset = cijfers transformatie = software visuele weergave = graphics
• Projecteren (mappen) van punten, lijnen of vlakken op visuele objecten, zoals grafieken of landkaarten in bijvoorbeeld HTML
4
Hoorcollege 1 datavisualisatie
21-11-12
dataset
visualisatie
javascript
statline.cbs.nl/statweb
statline.cbs.nl/statweb
dataset
dataset
visuele weergave
Een dataset is een collectie van data in tabelvorm • Elke kolom vertegenwoordigt een bepaalde variabele. • Elke rij komt overeen met een bepaald lid van de dataset. Deze rij bevat de waarden voor elk van de variabelen, of attributen, voor dit lid • Elke waarde staat bekend als een datum • De dataset kan data voor een of meer leden bevatten, overeenkomend met het aantal rijen • Een dataset kan de vorm hebben van een karakterstring, zoals een XML-file.
statline.cbs.nl/statweb
statline.cbs.nl/statweb
5
Hoorcollege 1 datavisualisatie
21-11-12
wikileaks
Stappen • verzamelen en opschonen van data • analyseren van data: zoek de verhalen • interpeteren tot boodschap • representeren als visual • in context plaatsen
www.guardian.co.uk/data
#Euro2012
euro2012.twitter.com
www.timemaps.nl
6
Hoorcollege 1 datavisualisatie
21-11-12
datavisualisatie
infographics
infographic vs. datavisualisatie
Een infographic is een informatieve weergave van verschillende objecten, bestaande uit een combinatie van tekst en beeld. Vaak gebaseerd op een dataset.
• directe visuele weergave van cijfers • Cijfers uit een (publieke) dataset • geeft inzicht in complexe vraagstukken • toont relaties tussen oorzaak en gevolg • Maakt grote hoeveelheden informatie op eenvoudige wijze begrijpelijk
eigenschappen van infographic vs. datavisualisatie infographic • • • •
op maat gemaakt één dataset visueel aantrekkelijk relatief weinig data
datavisualisatie • • • •
gegenereerd door software dataset is verwisselbaar lelijk veel data
statline.cbs.nl/statweb
7
Hoorcollege 1 datavisualisatie
21-11-12
data.overheid.nl
8
Hoorcollege 1 datavisualisatie
21-11-12
betekenis • cijfers zijn onpartijdig en kennen geen moraal • cijfers krijgen betekenis na een interpetatie • de ontwerper bepaalt daarmee hoe visualisaties gelezen en begrepen worden • manipulatief en schijnbaar objectief.
CMD & datavisualisatie
www.verzetsmuseum.org
9
Hoorcollege 1 datavisualisatie
leerdoelen • • • •
De student kan analytische, grafische en technische kwaliteiten inzetten om een verhaal te vertellen. De student kan een in data besloten persoonlijk of maatschappelijk vraagstuk identificeren. De student kent visualisatiemethoden en technieken en weet deze toe te passen. De student kan een dataset visueel presenteren door middel van de d3.js visualisatie toolkit.
21-11-12
Wat betekent dat voor de CMD'er? • research • storytelling & scenario’s • programmeren • statistiek • vormgeving
Stappen • verzamelen en opschonen • analyseren van data • interpeteren • representeren • in context plaatsen
opzet van het vak 8 weken • •
hoorcolleges practicum
Toetsing • •
4 individuele opdrachten Eindcijfer
10
Hoorcollege 1 datavisualisatie
21-11-12
wekelijks hoorcolleges theorie • theorie • context • toepassingen • voorbeelden • inspiratie • basis van D3 huiswerk video artikelen literatuur tutorials
• • • •
wekelijks practicum
tweewekelijkse toetsing 4 x individuele opdracht
onderzoek en ontwerp
• korte opdrachten • research in expertgroepen • werken aan je visualisatie • ideeontwikkeling • feedback huiswerk visualisatie uitwerken vaardigheden ontwikkelen: javascript, statistiek
inleveren op dataviz.nl 1. Dynamische versie in html 2. Statische versie als png 3. Onderbouwing 4. minimaal 20 beschrijvende tags
D3
• •
11
