Opdracht 2 Encoding en Representation - NathanNeelis/DataViz2 GitHub Wiki
Stap 1. Analyseren en Classificeren van de verzameling
Kenmerken:
- Locatie
- Materiaal
- Kleur
- Houdbaarheid
- Dop/deksel
- Zoet/hartig
- Smaak
- Geur
- Zuivel
- Vet per 100g / 100 ml
- calorieën per 100g / 100ml
- Aangebroken
- Handbereik / snel vindbaar
- Vaste plaats
- Toegevoegde suikers
- Substantie
- Vorm
- Inhoud g / ml
Deze foto geeft een weergave van de locatie van de producten in de koelkast.
Van Bovenste plank naar groentela en aan de zijkant de producten in de deur.
Stap 2. Abstraheren
Een abstracte grafische weergaven van het kenmerk locatie.
Schetsen
Uitwerking Versie 1
In deze schets is te zien op welke locatie in de koelkast hoeveel items liggen.
Uitwerking Versie 2
In deze schets is te zien op welke locatie in de koelkast hoeveel items liggen. Mijn feedback was om de grootte van de plank te weergeven naar hoeveel producten er liggen en de producten uit te tekenen in plaats van een cijfer neer te zetten.
Stap 3. Toekennen van meerdere 'attributes' en ordenen
Dit is een grafische weergaven van de volgende attributen:
- Locatie
- Verpakkingsmateriaal
- Zoet/hartig
- Aangebroken
De ruwe data is hier te downloaden.
Schetsen en aantekeningen voor de eindschets
Uitwerking Versie 1
Op deze schets is af te lezen op welke locatie hoeveel producten van welk materiaal liggen en of deze zoet of hartig zijn.
Een circle betekent dat het verpakkingsmateriaal van plastic is.
Een driehoek betekent dat het verpakkingsmateriaal van papier is.
En een vierkant betekent dat het verpakkingsmateriaal van glas is.
Als een product hartig is dan is deze oranje, als het zoet is dan roze en als het neutraal is heeft de vorm een blauwe kleur.
Als de vorm een dikke omlijning heeft dan is het product nog nieuw en niet aangebroken. De rest van de producten zijn al open gemaakt.
Uitwerking Versie 2
Mijn feedback was dat locatie geen kenmerk is. Dus in plaats van locatie heb ik nu gekozen voor inhoud.
Voor de inhoud heb ik locatie gebruikt, materiaal - vorm, smaak - kleur, en voor een nieuw product is er een pattern in gezet.
Stap 4.1: herhaal
Dit is een grafische weergaven van de volgende attributen:
- Houdbaarheid
- Kleur
- Inhoud
- Dop/deksel
De ruwe data is hier te downloaden.
Schetsen en aantekeningen voor de eindschets
Uitwerking versie 1
In deze is af te lezen hoeveel producten in welk jaar over datum gaan.
Aan de kleur van de circles is te zien welke kleur het product heeft.
Aan de grootte is af te lezen hoeveel inhoud het product heeft volgens de verpakking.
En tot slot heeft de circle een omlijning als deze een dop of een deksel op het product heeft.
Uitwerking versie 2
Mijn feedback was dat ik twee keer de grootte gebruikte als attribuut. Dus in deze versie 2 heb ik de houdbaarheid op locatie gezet.
Stap 4.2: herhaal
Dit is een grafische weergaven van de volgende attributen:
- Substantie
- Vet per 100g / 100ml
- calorieën per 100g / 100ml
- Zuivel
De ruwe data is hier te downloaden.
Schetsen en aantekeningen voor de eindschets
Uitwerking Versie 1
In deze schets is af te lezen welke substansie het product heeft;
Rood voor een vaste substansie en blauw voor een vloeibare substansie.
Het vet percentage lees je van links (0) naar rechts (100) en de grootte van de circle geeft aan hoeveel calorieën het product bevat per 100 g/ml.
Als de circle is ingekleurd betekent dit dat het een zuivel product is.
Tijdens de feedback kwam naar voren dat deze visualisatie goed was.