Eindproduct
Last updated
Last updated
Ga naar: https://datavisualisaties.netlify.app/.
De broncode is te vinden op https://github.com/deannabosschert/datavis-23.
Note wel dat hierbij alle buttons al ingedrukt zijn, en rechts de scrollbar zichtbaar is :)
Deze set datavisualisaties wordt weergeven in interactieve verhaalvorm. Hierbij veranderen de begeleidende en concluderende teksten bij de visualisaties, op basis van de keuze van de gebruiker.
De site is het beste te gebruiken op desktop.
Verder kan de gebruiker zelf met de grafieken interacteren: de gebruiker kan middels een checkbox, een andere variabele weergeven of verbergen (bijv: 'Geen' en 'Anders' verbergen zodat er puur en alleen data getoond wordt van Adidas en Nike), de gebruiker kan over de grafiek heen hoveren en ziet dan custom made tooltips met meer informatie over de data, en alle grafieken hebben natuurlijk passende animaties om het wat dynamischer te presenteren.
Verder is er naast op de begeleidende teksten, ook de op de buttons feedback aanwezig; zodra erop geklikt wordt verandert deze van kleur, verandert de tekst erop en wordt de volgende datavisualisatie weergeven of verborgen. Ook op het weergeven van een nieuwe visualisatie, is een smooth-scrollverloop toegepast.
Ik besloot om het eindproduct uit te werken in code zodat ik weer 'in de flow' zou komen na de zomervakantie, en omdat dit toch uiteindelijk de context is waarin ik mijn kennis bereft datavisualisatie zal gaan gebruiken. Ik heb wat nieuwe dingen uitgeprobeerd en ben uiteindelijk geswitched naar het gebruik van een framework (Vue) waardoor ik de interactieve verhaallijn wat 'natuurlijker' uit kon werken.
Er ging veel tijd zitten aan het weergeven van de juiste grafieken, en ook vooral aan het customizen (legenda, tooltips, kleuren etc). Daarnaast kreeg ik in de herfstvakantie, een ban van github ('account flagged') waardoor ik niet meer m'n website kon deployen totdat ze m'n verzoek tot opheffing van de ban behandeld hadden. Dit heeft uiteindelijk een week (!) geduurd, waarin ik inmiddels al m'n bestanden had overgezet naar een nieuw, tweede account en kekke workarounds moest maken om ervoor te zorgen dat het nog zou werken. Bleek uiteindelijk te gaan om m'n gelinkte twitteraccount; ik had blijkbaar een typo gemaakt en het linkte naar eentje met explicit content ipv mijn account, en dat gaat tegen de regels in. Kostte maar 1.5 dag aan tijd om alles over te zetten, maar hey: goed verhaal!
Ik had ook graag nog echt veel meer van mijn 'interessante vragen' willen verwerken in het eindproduct zoals bij de brainstorm uitgeschreven, maar ik moest érgens een grens trekken qua itereren aangezien het een gevalletje 'veel te lang doorgaan op 1 grafiek' met het 10x veranderen van variabelen of kleuren oid.
Zoals ik wel vaker meegemaakt heb is het afbakenen van keuzes en werk wel echt een issue in mijn workflow; ik kan te lang doorgaan op één ding, waardoor ik op andere gebieden slack en groots in tijdsnood kom om alles nog bij elkaar te zetten. Hier was daar ook weer sprake van, maar heb ik gelukkig wel het gevoel alles meegekregen te hebben.
Ik vind het nog wel lastig om logische combinaties/correlaties voor mij te zien als grafiek; er ontstaat vaak al snel 'error' in m'n hoofd als iets niet superlogisch in elkaar klikt, terwijl het juist een deel van het experiment hoort te zijn. Ook is afbakenen tot interessante onderwerpen wel een dingetje; knopen doorhakken en short-term deadlines stellen zodat ik niet eindeloos bezig ben met nieuwe manieren vinden, heeft zich ook weer als best practice weergeven. Voor het volgende project dan, aangezien ik hier echt te veel tijd heb gestoken in exploratie alvorens die knopen door te hakken een door te gaan naar 'the fun parts' van het visualiseren.
Ook het schetsen was weer een nieuwe uitdaging; ik had nog nooit met Procreate gewerkt, en heb tijdens dit blok veel ermee geoefend. Ook hierin ben ik op een gegeven moment wat hard doorgegaan in de details (opdracht 2), en had het beter geweest als ik gewoon fysiek in de les eraan had gezeten en de focus in het oog had gehouden. Ik zoek nog steeds een manier om wat meer geforced te worden om te blijven focussen op hetgeen belangrijk is; suggesties zijn welkom! Daily standups in de ochtend+namiddag doen het overigens wel goed.
Verder vond ik dit project wel superleuk om te doen en ga ik de kennis die ik heb opgedaan zeker wel meenemen in volgende werken.
