Data Beleving

Yannnick's Blog

[yannicksdatabeleving-blog]

Overzicht posts blok 14

Project Big Data:

Inspiratie: Windmap, Data-installatie, Real-time map of births and deaths, Sound pollution in New York, Organic flows, A City's Heartbeat - Geneva

Proces: de eerste week, brainstorm, stukje interactie, geluidsoverlast, weergave geluidsdata, aflezen data, UID, technisch bijna af, tussenpresentatie

3d: kaart

Samenvatting: The Functional Art - H8

Samenvatting: The Art of Big Data

Samenvatting: Nederland van Boven

Datavisualisatie 1

Datavisualisatie 2: Analyse + visualisatie

Datavisualisatie 3

Datavisualisatie 4

Datastrategie: De opbouw van 's-Hertogenbosch tussen 1900 en 2020

Generatieve kalender: inspiratie, inspiratie, proces en het eindproduct

[yannicksdatabeleving-blog]

Generatieve kalender

Shared with Dropbox

Datavisualisatie: generatieve kalender

De link naar mijn generatieve kalender en het proces dat erbij hoort.

[datadpwoert]

Het project is nu ver qua techniek. De stad kan worden ingeladen via een preloader en de animaties tussen dag en nacht werken nu. Nu moeten de laatste dingetjes gedaan worden en is het vooral de taak om de UI goed uit te werken.

[datadpwoert]

We hebben het design voor de visualisatie besproken. We hebben nagedacht over bezoekers met en zonder WebGL, preloaders en het menu. We zijn het er nu over eens hoe we het gaan aanpakken. Yannick gaat nu het design helemaal afmaken zodat we het kunnen gaan toevoegen aan onze visualisatie.

[datadpwoert]

Eerste print van ons 3d model is af. We zijn erg blij met het visuele resultaat. Het valt, in tegenstelling tot vanaf het scherm, goed af te lezen en ziet er erg mooi uit. Helaas is het nog te dun, waardoor we nu een nieuwe print maken die dikker is. Om het product te presenteren hebben we pootjes toegevoegd aan het model en gaan we het ‘inpakken’ in een plexiglas cubus. Op deze cubus kan de tijdschaal staan.

[datadpwoert]

Nu een groter deel van Den Bosch ingeladen. We moeten wel goed gaan nadenken over de geluidsdata. Het is nu helemaal niet meer goed/logisch af te lezen…

[datadpwoert]

De geluidsdata (bron) is nu ingelezen. Nu moeten we de 3d weergave van deze geluidslijnen verbeteren (vormgeving & performance)

[datadpwoert]

Geluidsoverlast weergegevens als waveforms. De waveforms zijn nu nog random, deze moeten nog uitgelezen gaan worden. De kleuren zijn nu nog niet te gluuren.

[yannicksdatabeleving-blog]

Data programmeren - kaart

Een simpel kaartje van Europa, gemaakt met d3.

Link naar de files op GitHub

[yannicksdatabeleving-blog]

[yannicksdatabeleving-blog]

Datavisualisatie 4: Visuele stijl datastrategie

[datadpwoert]

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

[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

[yannicksdatabeleving-blog]

The Functional Art - Alberto Cairo - H8

Bij het maken van een infographic gaat om het de content die de visualisatie weer moet geven en niet om de esthetiek die het mooi en strak maakt. Start gericht op je onderwerp en doe zoveel onderzoek als je kunt, organiseer, vat samen en lever je conclusies af op een gestructureerde en visueel aantrekkelijke manier. Alberto werkte aan infographics aan de hand van een methode die de volgende stappen bevat:

Welk verhaal wil je vertellen, wat is belangrijk? Wat is belangrijk voor de lezers om te weten? Hoe kunnen zijn de infographic gebruiken?

Verzamel zoveel mogelijk informatie over het onderwerp.

Kies de beste grafische vorm.

Maak het onderzoek af, spit door je schetsen en storyboards.

Denk over de visuele stijl (hierbij gaat het om typefaces, color palettes, etc.)

Als je offline aan de slag bent gegaan met schetsen, maak deze digitaal. Gebruik de juiste software.

De meeste ontwerpers zullen de eerste vier stappen overslaan maar het is belangrijk om na te denken over de stijl en structuur van je visualisatie. Als eerste case neemt Cairo het maken van een infographic die over het aantal heiligen uit Brazilië gaat. Hij laat zien dat het belangrijk is om eerst een schets te maken voordat je begint aan het uiteindelijke ontwerp. Hierdoor blijf je als ontwerper gericht op de belangrijke zaken.  Soms is het niet het verhaal dat je naar de data leidt maar de data die je aan een verhaal helpt. Ga niet uit van je intuïtie als je de data kunt vertrouwen. Als je een verhaal uit data probeert te vissen kun je vier dingen doen: met het nieuws starten, kijken naar opmerkelijke uitkomsten, kijken naar de gevolgen die de data laat zien en kijken hoe een partij kan profiteren. Aan de hand van low-tech data journalistiek en goed team werk kan er toch een mooi en duidelijk verhaal neergezet worden door de juiste punten uit te lichten.  Je hoeft het niet erg te vinden het werk te kopiëren van mensen waar je tegen op kijkt. “Ieder nieuw idee is een mash-up van eerder uitgevoerde ideeën.  Het gebruiken van een beperkt aantal kleuren en een lettertype helpt het creëren van een geheel in de compositie. Pak twee of drie kleuren en speel met hun tinten, hetzelfde geldt voor het lettertype. 

[yannicksdatabeleving-blog]

[yannicksdatabeleving-blog]

Inspiratie generatieve kalender: Timemaps

[yannicksdatabeleving-blog]

Een stukje interactie

Met de 3D stad als platform zijn we vandaag gaan kijken hoe we de gebruiker het beste door de stad kunnen laten navigeren. De interessante data moet zichtbaar blijven, terwijl je toch het idee moet blijven houden dat je boven de stad hangt. 

De uiteindelijke navigatie is gedeeltelijk afhankelijk van het aantal verwerkingen die de computer aan kan. In het eindresultaat moet je uiteraard de stad vloeiend kunnen bekijken.