Minor Data Beleving

Blog van Jesse van Rheenen voor Minor Data Beleving aan Avans Hogeschool 's-Hertogenbosch.

[ilovecharts]

The Planes In The Air

via Andy, from London.

[datadpwoert]

3d print - Urban growth Den Bosch (1900-2020)

red area - old town centre of Den Bosch Timeline is south west point

Story: After WWII the city of Den Bosch rapidly grew northward, while the old town centre remained untouched. This has been done in multiple periods; First expansions out of the old city (1920-1945), the Reconstruction (1945-1965), Vinex (>1990). Besides that we have added data about current and future building projects.

Data: Cadastral data, locations of new building projects Made with:WebGL (via Meteor.js and Three.js), Blender Code: Github

[datadpwoert]

3d printing and glueing the plexiglas done, only need to fix the timeline

[minordata]

Alles op een rijtje

1. Inspiratie

- http://minordata.tumblr.com/post/67276790795/nukemap-3d-het-vervolg-van-nukemap-2-0-een

- http://minordata.tumblr.com/image/68449698276

- http://minordata.tumblr.com/post/68304527400/yannicksdatabeleving-inspiratie-a-ciitys

- http://minordata.tumblr.com/post/67474025695/heel-vet-gemaakt

- http://minordata.tumblr.com/post/67477077209/publieke-dienstverlening-op-de-kaart-pdok-is-een

- http://minordata.tumblr.com/post/67474609357/realtime-verkeersgegevens-van-het-ndw

2. Proces Bigdata en de tussentijdse presentatie (niet je verslag, maar alles wat niet in je verslag terecht is gekomen maar je wel geïnspireerd heeft)

- http://minordata.tumblr.com/post/71994297176/datadpwoert-slides-presentatie-pecha-kucha-3

- http://minordata.tumblr.com/post/68897338599/pecha-kucha

- http://minordata.tumblr.com/post/71994140391/datadpwoert-treinen-rails-toegevoegd-de

- http://minordata.tumblr.com/post/68897552338/datadpwoert-geluidsoverlast-weergegevens-als

- http://minordata.tumblr.com/post/68304415116/na-wat-speurwerk-kwam-ik-op-het-nsl-uit-deze

- http://minordata.tumblr.com/post/68303487564/datadpwoert-custom-gebouwen-inladen-model-door

- http://minordata.tumblr.com/post/67473923434/datadpwoert-brainstorm-sessie-d3-musketeers

- http://minordata.tumblr.com/post/66573142074/afgelopen-donderdag-heb-ik-met-yannick-en

- http://minordata.tumblr.com/post/66572333435/datadpwoert-2e-project-gestart-met-jesse-en

3. D3 kaart met data erop (afbeelding en verwijzing naar github omgeving waar de code staat)

- http://minordata.tumblr.com/post/71998159724/in-de-eerste-les-kaart-gemaakt-in-d3-js-van

- https://gist.github.com/Hedva/8226636

4. Inhoudelijke samenvatting Functional Art Hfd 8

- http://minordata.tumblr.com/post/64197977479/the-functional-art-samenvatting-part-3-hoofdstuk-8

5. Inhoudelijke samenvatting film Age of Big Data

- http://minordata.tumblr.com/post/67283979366/bbc-horizon-the-age-of-big-data

6. Rhino opdracht van Paul 

- http://minordata.tumblr.com/post/66870518750/super-mooie-ultra-hd-textures-van-rhinoceros-er

- http://minordata.tumblr.com/post/66868682668/de-opdracht-omdat-het-moet

7. Datavisualisatie 1: analyse en restylen bestaande visualisatie (incl drie typografische variaties)

- http://minordata.tumblr.com/post/66795697844/visualisatieopdracht-voor-visualiseren-op

- http://minordata.tumblr.com/post/66796468647/nog-twee-extra-met-andere-typografie

8. Datavisualisatie 2: analyse en restylen bestaande visualisatie

- http://minordata.tumblr.com/post/67280741124/data-visualisatie-analyse-infographic-driving-is-why

- http://minordata.tumblr.com/post/67277077835/yannicksdatabeleving-in-onze-aangepaste

9. Datavisualisatie 3: analyse en schets voor interactieve visualisatie

- http://minordata.tumblr.com/post/71994555243/yannicksdatabeleving-lukt-het-de-infographic-om

10. Datavisualisatie 4: visuele stijl voor de initiële opdracht van Mikel (is in de les gemaakt)

- http://minordata.tumblr.com/post/71996938027/yannicksdatabeleving-datavisualisatie-4

11. Proces / product datastrategie van de uiteindelijke opdracht van Mikel.

- http://minordata.tumblr.com/post/70505116630/het-3d-model-dat-vandaag-klaar-was-snel-bleek-al

- http://minordata.tumblr.com/post/70504648818/datadpwoert-3d-printing-the-data-gister-voor

12. Generatieve kalender (proces / inspiratie en de uiteindelijke kalender

- http://minordata.tumblr.com/post/72013612920/opdracht-van-visualisatie-1-windrichting-2

- PDF in A3 formaat hier

- http://minordata.tumblr.com/post/69495224425/100-jaar-wind-in-nederland-gegevens-van-1914

- http://minordata.tumblr.com/post/69008623538/inspiratie

- http://minordata.tumblr.com/post/69008556683/kalender-over-de-maan

- http://minordata.tumblr.com/post/69008059079/lekker-analoog-en-tevens-interactief-inspiratie

- http://minordata.tumblr.com/post/69007700399/draaischijf-kalender

- http://minordata.tumblr.com/post/69007659423/erg-leuk-bedacht-het-papier-zuigt-het-inkt-steeds

- http://minordata.tumblr.com/post/69007551521/bubbeltjes-plastic-kalender-begin-de-dag

- http://minordata.tumblr.com/post/69007475353/nog-meer-inspiratie-voor-kalender

- http://minordata.tumblr.com/post/69006468049/kalender-met-de-temperaturen-waarbij-zaden

- http://minordata.tumblr.com/post/69005689526/inspiratie-voor-kalender

13. Inhoudelijke samenvatting(en) Nederland van Boven

- http://minordata.tumblr.com/post/68898961178/nederland-van-boven-aflevering-1-2-3

[minordata]

Opdracht van visualisatie.

1 = Windrichting

2 = Windkracht

Hoe harder hoe zwarter. Wit is windstil

3 = Neerslag

< 200mm = blauw (hoe blauwe hoe meer)

> 200mm = rood (hoe roder hoe meer)

4 = Luchtdruk

> 1000 hPa = paars (hoe paarser hoe hoger)

< 1000 hPa = blayw (hoe blauwe hoe lager)

PDF in A3 formaat hier

[minordata]

In de eerste les kaart gemaakt in D3.js van Europa. 

Voor zolang het kan hier te bekijken: http://hedva.nl/school/minor/d3/8/

[yannicksdatabeleving-blog]

Datavisualisatie 4: Visuele stijl datastrategie

[minordata]

De visuele stijl voor opdracht van Mikel die het helaas niet is geworden.

[yannicksdatabeleving-blog]

Lukt het de infographic om de hoofdpunten succesvol te communiceren? De ontwerper heeft prijzen van verschillende ingrepen uit diverse landen vergeleken met de prijzen die er in America zijn. De keuze van de prijzen bepaalt voor een groot deel de impact van de infographic. Waarschijnlijk heeft de ontwerper extreme prijzen gepakt om zijn punt duidelijk te maken.

Gebruikt de ontwerper de juiste data? De ontwerper gebruikt de juiste data. De bron staat erbij, de cijfers die hij gebruikt heeft komen van een betrouwbare bron.

Heeft de ontwerper geprobeerd teveel te vereenvoudigen waardoor context van de data niet meer goed zichtbaar is? Bij de tweede visualisatie denken we dat het tegenovergestelde is gebeurd. Door de tijdlijn krijg je niet in een keer een goed overzicht van wat de prijzen zijn in de verenigde staten. Door de tijdlijn krijg je als lezer ook de indruk dat de infographic op tijd gebaseerd is terwijl dit niet zo is. Het laatste punt op de tijdlijn laten zien zou ook al genoeg zijn geweest.

Bevat de infographic alle gegevens om het verhaal zichtbaar te maken of heeft de ontwerper een eigen keuze gemaakt? De infographics zijn in dit geval meer een toevoeging aan de tekst in plaats van dat ze zelf een verhaal vertellen. Het verhaal zelf wordt namelijk in de tekst vertelt en niet aan de hand van de infographics. De tekst zou dus ook omgezet moeten worden naar een infographic. Zijn de gekozen grafische vormen de meest voor de hand liggende om de data te presenteren? Zoals eerder aangegeven is de tijdlijn bij de tweede infographic overbodig. Doordat de tijdlijn niet meteen alle data laat zien moet je de balk zelf naar rechts schuiven om een overzicht te krijgen van de prijzen in alle staten.

Laten ze zien waar het over gaat zonder dat je elk gegeven moet bestuderen? Ze laten duidelijk zien waar de gegevens over gaan, vooral bij de eerste infographic verduidelijken de illustraties de informatie. Bij beide gevallen zijn de vergelijkingen goed te maken doordat alleen de prijzen worden weergegeven.

Kun je vergelijkingen maken of relaties herkennen? Er zijn heel goed vergelijkingen te maken, de prijzen worden letterlijk tegenover elkaar gezet. In het tweede kaartje zijn relaties in geografisch opzicht goed te maken. 

Zijn de patronen en trends zichtbaar? Patronen en trends zijn niet goed zichtbaar doordat er bij de eerste infographic niet alle gegevens van alle landen worden laten zien. Bij de tweede infographic wordt alleen de prijs laten zien, hierdoor kun je de gegevens niet aan andere gegevens koppelen Heeft de infographic een duidelijker hiërarchie nodig (titel, koppen, uitleg, etc.)?  Bij beide gevallen worden de infographics goed vorgegeven door een duidelijke titel, indeling en lettergrootte te gebruiken. De uitleg wordt voor een groot gedeelte in de grote lappen tekst gegevens, deze missen dus in de infographics.

Bekijk hier de schets van onze versie

[minordata]

Opdracht van het vak visualisatie 

[datadpwoert]

Slides presentatie Pecha Kucha - 3 dec (zonder de filmpjes)

[minordata]

Sheets van de presentatie voor Brabants Dagblad

[datadpwoert]

Treinen/rails toegevoegd. De kleuren moeten nog wel bepaald worden

[minordata]

Het 3D model dat vandaag klaar was. Snel bleek al dat het model veel te dun was. De maximale dikte was 1 millimeter, en op veel plekken dus dunner. Hierdoor scheurde het model snel en had de printer bepaalde punten niet geprint omdat die te dun waren.

Vandaag hebben we het model aangepast. We hebben er ook pootjes op gemaakt zodat die kan blijven staan. 

Of er dit maal ook kleur op wordt geprint is nog maar de vraag. De kleuren wilde niet goed mee in de software van de 3D printer. Wij zijn de eerste groep die printen sinds het onderhoud. Daarbij is ook de software geupdated. Dat ging de vorige keer ook al niet zo goed, maar dit keer al helemaal rampzalig. Maar morgen ochtend zullen we het resultaat zien.

[datadpwoert]

3d printing the data

[minordata]

Gister voor het eerst 3D geprint. Duurt lang maar wel erg tof.

[minordata]

100 jaar wind in Nederland

Gegevens van 1914 - 2013 (08-12-2013).

Zoals je ziet missen er rechtsonder nog een aantal blokjes. Dat komt omdat die dagen nog moeten komen ;).

De kleuren representeren de windrichtignen. Zo zie je in het midden overheersend paars/blauwen aan de buitenkanten meer groen (zuidelijke wind). Rood komt uit het noorde. Oost is geel/groen

Noord: Rood Noord-Oost: Oranje Oost: Geel Zuid-Oost: Lichtgroen Zuid: Groen Zuid-West: Lichtblauw West: Donkerblauw Noord-West: Paars

Ik vind best cool om patroon in te zien. Ondanks er een hoop verschillende blokjes zijn is het toch een duidelijk patroon. Had ik echt niet verwacht. Er zal vast een logische verklaring voor zijn, maar ik heb nooit Aardrijkskunde gehad.

Op dit moment is alleen de windrichting zichtbaar.

[minordata]

inspiratie

[minordata]

Kalender over de maan.

[minordata]

Lekker analoog en tevens interactief. Inspiratie voor de visualisatie opdracht.

[minordata]

Draaischijf kalender