Hoorcollege 1 datavisualisatie

Transcriptie

1 Hoorcollege docenten! hoorcollege 1 introductie HVA CMD V2 21 november 2012!! justus sturkenboom! j.p.sturkenboom@hva.nl! yuri westplat! y.westplat@hva.nl! vandaag over wat, waarom en hoe inhoud van het vakgebied context van het vakgebied opzet van het vak inhoud en scope hoorcolleges practicum opdrachten en toetsing regels Abstracte informatie inzichtelijk maken door middel van een dynamische grafische weergave. Complexiteit inzichtelijk maken how-to basis: grafieken met D3 1

2 Hoorcollege patronen herkennen en vinden data in context plaatsen vragen ontdekken vragen beantwoorden beargumenteren en overtuigen verhalen vertellen en inspireren 2

3 Hoorcollege 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 gegevens data informatie cijfers 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

4 Hoorcollege gegevens in de vorm van cijfers opgeslagen in tabelvorm voorzien van eigenschappen vrij toegankelijk en beschikbaar in een open bestandsformaat visuele weergave transformeren van naar visualisatie Het vertalen cijfers en eigenschappen uit een naar grafische objecten, zoals punten, lijnen of vlakken Projecteren (mappen) van punten, lijnen of vlakken op visuele objecten, zoals grafieken of landkaarten in bijvoorbeeld HTML transformatie visuele weergave = cijfers transformatie = software visuele weergave = graphics 4

5 Hoorcollege visualisatie javascript visuele weergave Een is een collectie van data in tabelvorm Elke kolom vertegenwoordigt een bepaalde variabele. Elke rij komt overeen met een bepaald lid van de. Deze rij bevat de waarden voor elk van de variabelen, of attributen, voor dit lid Elke waarde staat bekend als een datum De kan data voor een of meer leden bevatten, overeenkomend met het aantal rijen Een kan de vorm hebben van een karakterstring, zoals een XML-file. 5

6 Hoorcollege wikileaks Stappen verzamelen en opschonen van data analyseren van data: zoek de verhalen interpeteren tot boodschap representeren als visual in context plaatsen #Euro2012 euro2012.twitter.com 6

7 Hoorcollege infographics infographic vs. Een infographic is een informatieve weergave van verschillende objecten, bestaande uit een combinatie van tekst en beeld. Vaak gebaseerd op een. directe visuele weergave van cijfers Cijfers uit een (publieke) geeft inzicht in complexe vraagstukken toont relaties tussen oorzaak en gevolg Maakt grote hoeveelheden informatie op eenvoudige wijze begrijpelijk eigenschappen van infographic vs. infographic op maat gemaakt één visueel aantrekkelijk relatief weinig data gegenereerd door software is verwisselbaar lelijk veel data 7

8 Hoorcollege data.overheid.nl 8

9 Hoorcollege 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 & 9

10 Hoorcollege 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 visueel presenteren door middel van de d3.js visualisatie toolkit. 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

11 Hoorcollege wekelijks hoorcolleges theorie theorie context toepassingen voorbeelden inspiratie basis van D3 huiswerk video artikelen literatuur tutorials wekelijks practicum onderzoek en ontwerp korte opdrachten research in expertgroepen werken aan je visualisatie ideeontwikkeling feedback huiswerk visualisatie uitwerken vaardigheden ontwikkelen: javascript, statistiek tweewekelijkse toetsing 4 x individuele opdracht inleveren op dataviz.nl 1. Dynamische versie in html 2. Statische versie als png 3. Onderbouwing 4. minimaal 20 beschrijvende tags D3 11