Data Design - Demi Timmermans

[meaningfuldatadesign]

Eindproject - presentatie

[meaningfuldatadesign]

Eindproject - ontwikkeling

Nu ik na had gedacht over hoe de API te gebruiken kon ik na gaan denken over hoe ik de HTML structuur op zou gaan zetten. Het moet straks makkelijk zijn om met het script extra elementen toe te voegen die weergeven hoeveel artikelen er zijn gevonden bij een bepaald thema. En het moet ook makkelijk zijn om alle elementen te kunnen vinden die horen bij een bepaald thema, zo kan je bij een mouse-over alle gelijksoortige elementen op laten lichten. Dit is een kwestie van een goede geordende structuur en goede data-attributen of class-attributen.

Toen ik het grof uit had gedacht ging ik het uitwerken in HTML en CSS. De lay-out op zichzelf was ook redelijk uitdagend. Want je had kolommen met rijen maar die kolommen werden weer doorbroken door elementen die over de hele breedte geplaatst moesten worden bijvoorbeeld. Maar na een aantal dagen werk stond de HTML en CSS en zou implementatie van de functionaliteiten en API goed te doen moeten zijn. Hieronder is de link van het werk:

http://demitimmermans.nl/romeo-and-juliet/

[meaningfuldatadesign]

Eindproject - ontwikkeling

Toen ik dit ging oppakken ging ik als eerste even kijken naar de API die ik gebruikt had om de informatie te krijgen. Want nu wil ik niet alleen de informatie hebben maar mijn visual direct baseren op wat ik binnenhaal via de API. Daarvoor moet ik misschien wel wat dingen veranderen. Ik heb hem bijvoorbeeld alleen iets laten doen wanneer het thema van een artikelen één van de meest veelvoorkomende thema’s is die onderaan het ontwerp stond.

Om de data direct te kunnen gebruiken in mijn visual moet ik verschillende API requests doen en de resultaten daarvan door mijn eigen functie laten gaan (die telt hoeveel artikelen er zijn met een bepaald thema, die een staafje aanmaakt op de goede plaats die een goede achtergrondkleur krijgt, etc.). Later wordt dit ook nog uitgebreid als ik bijvoorbeeld URL’s van de artikelen wil laten zien.

[meaningfuldatadesign]

Eindproject - start

Ik heb er even over na zitten denken om een heel nieuw project te doen als eindproject, met data die ik zelf interessant vind. Maar eigenlijk was ik wel heel erg tevreden over mijn Romeo en Julia project, dus ik heb er toch voor gekozen om die te verbeteren en interactief te gaan maken. Ik twijfelde ook omdat ik niet zeker wist of het wel portfolio waardig is, hoeveel mensen vinden Romeo en Julia informatie nou handig om af te lezen. Maar ik ben van gedachten veranderd omdat mijn werk aangeeft hoe lang iets uit goed werk kan blijven bestaan in de cultuur, als je het zo bekijkt is het redelijk algemeen en niet alleen te betrekken op Romeo en Julia. Verder geeft het ook een kijk op wat ik interessant vind en op hoe ik te werk ga (dus is het typisch portfolio werk eigenlijk), ik had bijvoorbeeld ook iets met het verhaal zelf kunnen doen of met hoeveel bepaalde karakters er voorkomen in het verhaal. Maar ik probeer toch vaak iets verder en dieper te kijken.

Deze week heb ik vooral onderzocht wat ik wil gaan verbeteren:

De mogelijkheid om te zien van welk jaartal de artikelen zijn.

Als je over kleuren gaat met de cursor dat alles oplicht wat daarbij hoort.

Dat je de mogelijkheid hebt om artikelen echt te openen in de browser en eventueel te lezen.

De mogelijkheid om betekenissen van de gezegdes te lezen.

Verschillende kleurcontrasten gebruiken voor de kleuren, misschien kan ik iets vinden met een groter bereik waardoor de kleuren meer van elkaar verschillen.

De data direct inladen aan de hand van de API.

[meaningfuldatadesign]

Philips - uitwerking en presentatie

Deze maandag waren we weer verder gegaan met klei in de mallen gieten. Sommige met pigment, sommige wat groter, sommige wat kleiner... We moesten het deze maandag klaar hebben want dan konden ze dinsdag gebakken worden. De oven ging alleen aan op dinsdag en donderdagen. Maar die vrijdag hadden we het al nodig. We hebben dit kunnen redden. We waren heel blij met het eindresultaat. In tussentijd hadden we nog meetlintjes gemaakt om naast de flesjes te houden zodat je kan aflezen hoeveel voeding voor de lengte van het flesje staat.

Kim en Eugéne hadden het klaargezet voor de expositie. De beoordelaars waren erg tevreden en iedereen vond het er mooi uitzien. Ik ben uiteindelijk heel blij dat we dit hadden gedaan. Het was wel even rustgevend om veel met je handen te doen en het heeft mij laten inzien dat ik soms iets ruimer kan denken en niet altijd teveel hoef te hameren op het functionele.

[meaningfuldatadesign]

Philips - uitwerking

De week daarna gingen we weer verder met de klei in de mallen gieten en gingen we er regelmatig ook pigment doorgooien om te zorgen dat we verschillende kleuren flesjes krijgen die weergeven wat voor een soort melk aan de baby was gegeven.

Deze week hebben we ook filtjes met de lasersnijder gemaakt waarop gespecificeerd staat wat er die dag nog meer is gegeven en wie het kind heeft gevoed. 

[meaningfuldatadesign]

Philips - uitwerking

De keer daarop kon ik niet en gingen Eugéne en Kim verder. Ze hadden foto’s doorgestuurd zodat ik het kon zien en aan het eind van die dag waren de mallen er. Die moesten alleen wel een aantal dagen drogen.

Vlak voordat het weekend begon waren we al begonnen met klei gieten. We konden er toen alleen niet heel veel doen.

[meaningfuldatadesign]

Philips - kick-off en onderzoek en concept

De kick-off voor dit project ging over wat die afdeling van Philips precies doet, informatie over de baby bottle en informatie over wat van ons werd verwacht. Wij moeten iets gaan doen voor de baby bottle of data van een aantal baby’s die verzameld is door middel van de baby bottle. Maar wat we precies moeten gaan doen is heel erg vrij.

Onderzoek

We hebben even gebrainstormd en hieronder zie je één van mijn bladen:

Al redelijk snel kwamen we eruit dat we iets met keramiek wilden gaan doen en daarvoor de data van één van de babies gingen gebruiken van één maand. Omdat we snel aan de slag moesten omdat werken met keramiek voor ons nieuw is en omdat het veel tijd kost, hebben we snel knopen doorgehakt zodat we snel met de productie konden beginnen. Ik had er in het begin een beetje moeite mee omdat ik graag iets functioneels wil maken en niet iets wat vooral esthetisch is. Maar ik vond het wel leuk om het een keer heel anders te doen.

Concept

Het plan werd uiteindelijk om babyflesjes van keramiek te maken die ieder informatie van de voeding weergeven van een bepaalde dag in de maand. De lengte van het flesje zou gaan staan voor de hoeveelheid voeding en kleur van het flesje voor de soort voeding. Andere data zouden we later toevoegen door middel van een extra toevoeging (ik dacht toen aan een slabbertje die bij elk flesje gelegd kan worden waar data op is gevisualiseerd, of een soort achtergrond sfeerbeeld op hout waar we op schilderen). Zelf dacht ik ook nog om een bepaalde kleur vingerafdrukken te gaan zetten op de flesjes die staan voor degene wie het kind gevoed heeft, maar dat hebben we niet gedaan. Het beeld kan al snel te onrustig worden dan.

Als voorbereidend werk waren Kim en ik alvast naar de kunstacademie gelopen om ons te laten informeren over werken met keramiek daar. Er werd veel duidelijk voor ons en er werd toen nog even gezegd dat het echt veel werk is (vooral als je het nog nooit hebt gedaan). Kim en ik zijn toen zo snel mogelijk begonnen met het maken van de gipsen mallen. We wilden zo snel mogelijk beginnen maar Eugéne kon die dag niet. We hadden ze niet helemaal af maar na het weekend konden we weer verder.

[meaningfuldatadesign]

Evaluatie minor tot nu toe

Mijn hoofddoel van de minor

Inzicht krijgen in hoe je bepaalde data makkelijk kunt laten lezen aan publiek. En hoe ze daar dan bijvoorbeeld snel verbanden in kunnen zien. Ik verwacht dat daar een beetje theorie bij komt kijken over hoe mensen iets waarnemen en veel experimenteren. 

Romeo en Juliet

Bij dit project was mijn doel vooral kijken of ik uit Romeo en Julia iets kan halen wat me echt boeit. Dus geen genoegen nemen met kijken hoevaak een bepaald karakter voorkomt in het verhaal, of kijken hoe sterk emoties zijn op bepaalde punten in het verhaal. Dat is gelukt, ik vond het heel leuk om onderzoek te doen naar de data die ik nodig had voor mijn idee. Ik merkte bijvoorbeeld tijdens het onderzoek dat wanneer ik artikelen vond waar een bepaald gezegde van Romeo en Julia in voorkwam, ik ook het artikel wilde bekijken. En als ik een artikel vond waar een bepaald gezegde in voorkwam die ook nog een aparte tag had zoals ‘tinder’, wilde ik het ook bekijken. Het was heel interessant en een leuk onderzoek. Omdat ik hier zo enthousiast over was heb ik me ook helemaal volledig kunnen storten op de uitwerking.

Todo

Ik ga nog experimenteren met de kleuren die de verschillende topics weergeven, die is niet altijd goed af te lezen. Ik heb hier tips voor gekregen van Brenda.

Verder zijn er ook nog mogelijkheden wat betreft het interactief maken ervan. Dit ga ik alleen doen als ik in de laatste periode verder ga met dit project.

CBS

Bij CBS merkte ik al snel dat het me minder lag, dat was mede omdat ik er niet zo veel over kon vinden. Daarom was voor mij het belangrijkste bij dat project om mijn aanpak te veranderen. Dus op een bepaald moment toch de knoop doorhakken en met iets aan de slag gaan en eventueel gaandeweg extra ideeën genereren. Dit was gelukt, normaal vind ik het moeilijk om verder te gaan als ik nog niet 100% tevreden ben. Alleen ondanks dat ik verder was gegaan kwam ik niet op ideeën gaandeweg waar ik 100% tevreden over was.

Als aanvulling tijdens dit project omdat het me niet heel goed lag, ben ik wiskunde gaan studeren. Dit kan van pas komen als ik in de toekomst complexe visualisaties wil maken met physics enzo. Maar het is nuttig voor als ik nog een technische master wil gaan doen na deze opleiding. 

Todo

Ik ga hier niet heel veel meer aan doen omdat ik al veel geprobeerd heb en denk dat dit gewoon niet iets tofs gaat worden. Ook vanwege het feit dat er te weinig data was te vinden. Het enige wat ik wel nog wil onderzoeken is hoe je patronen kan herhalen in SVG-elementen. Omdat deze dus op het moment hard zijn en meeschalen met het hoofdelement.

Todo algemeen

De posterfolder opdracht (op hele korte termijn).

Nadenken over eigen project wat ik zou kunnen uitvoeren als laatste project van de minor.

Meer verdiepen in functies op dit gebied in het werkveld.

[meaningfuldatadesign]

CBS - Eindwerk

Dit is mijn eindwerk. De plattegrond van Nederland is een SVG en de arcering is hard getekend schaalt mee met de grootte van de plattegrond. Op een SVG kon ik niet een achtergrondpatroon zetten die zich herhaald over de breedte en hoogte van het element. Dat wilde ik eigenlijk, dan zou de grootte van de arcering altijd gelijk blijven. Dit moet ik nog oplossen, want nu komt de arcering in de plattegrond soms niet overeen met de arcering in de legenda. 

In het werk kan je eenzaamheid op plekken in Nederland vergelijken met het toerisme, de bevolkingsdichtheid en hoeveel procent wekelijks sport op diezelfde plekken. Je kan dus switchen tussen de weergave van de hoeveelheid toerisme, bevolkingsdichtheid en het percentage van wekelijkse sporters. Meer dan dat is er niets interactief. Dat is iets wat ik nog toe zou kunnen voegen. Denk aan het hoveren met de muis over provincies/GGD-regio’s en dat je dan info krijgt over het exacte percentage eenzaamheid daar en de precieze hoeveelheid toerisme. Het zou ook leuk zijn als je bijvoorbeeld je eigen woonplaats in kunt vullen en dat je dan advies krijgt zoals bijvoorbeeld: De eenzaamheid is gemiddeld in jou dorp. Het lijkt erop dat op plaatsen waar veel mensen wekelijks sporten minder eenzaamheid is. Als je dus nog minder eenzaamheid wilt ervaren probeer dat dan ook eens!

Tijdens de expositie vonden veel mensen het idee leuk, maar ze zagen tegelijk ook veel mogelijkheden wat je er nog meer mee kan doen. Dat zijn eigenlijk de dingen die ik tussendoor genoemd heb waar ik niet meer aan toe ben gekomen. Zelf zou ik ook graag nog meer onderwerpen hebben in plaats van alleen toerisme, bevolkingsdichtheid en wekelijks sporten. Dan zouden mensen echt bijvoorbeeld naar hun eigen leefgebied kunnen kijken en een aantal verschillende onderwerpen kunnen vergelijken met de eenzaamheid daar en zelf conclusies trekken. En ook voor henzelf bepalen waarmee ze iets kunnen doen en waarmee niet. Brenda gaf aan dat ze mijn kleurenpalet weer heel mooi vindt. Terwijl ik het zelf heel jammer vond dat ik niets groenig meer toe heb kunnen voegen. Dat had ik bijvoorbeeld willen toevoegen bij de interactie (wanneer je met de muis over delen van Nederland gaat). 

Toch zou ik er niet voor kiezen om met dit project verder te gaan omdat het tegenviel wat ik erover kon vinden. En wat ik wel kon vinden was data uit 2016.. Want dat ik maar drie onderwerpen heb uitgewerkt komt ook omdat dit hetgeen was waar ik data over kon vinden. 

[meaningfuldatadesign]

CBS - laatste feedback en verdere ontwikkkeling

Op deze link zie je mijn eerste uitwerking die ik had laten zien tijdens het laatste feedback moment vóór de expositie. Zelf had ik al gezien dat de arcering die de eenzaamheid weergeeft te klein wordt waardoor het ook de onderliggende kleur (die bijvoorbeeld het toerisme) anders eruit laat zien. En dat was ook iets wat Gabri meteen opviel.

Verder vroeg Gabri waarom ik voor deze kleuren had gekozen om de hoeveelheid toerisme aan te duiden? Want ik had verschillende kleuren en het leek Gabri misschien beter om een oplopend/aflopend kleuren palette te zien, dan kun je nagaan dat hoe donkerder de kleur hoe meer toerisme er is op die plaats. Het zal dan misschien intuïtiever zijn.

Verder had hij nog een aantal vragen over hoe ik het interactief wilde maken, maar ik ben niet meer toegekomen aan het uitvoeren van de ideeën daarover.

Al snel kwam ik uit op dit werk. Hier heb ik de kleuren voor het tourisme en de arcering voor de eenzaamheid aangepast. Als je het op 100% bekijkt zie je dat de arcering nu niet de achterliggende kleur weg laat vallen.

[meaningfuldatadesign]

CBS - Feedback Gabri

Ik zat te twijfelen of ik wel zou gaan naar het feedback moment omdat ik eigelijk alleen een idee had, verder nog niets. Maar ik had besloten toch te gaan omdat ik verwachtte dat het op z’n minst goed zou kunnen werken voor mijn motivatie. En ik kon in ieder geval mijn idee vertellen. Gabri vond het idee heel leuk en zou zelf ook wel benieuwd zijn of eenzaamheid bijvoorbeeld oploopt op plaatsen waar ze geen harmonie verenigingen hebben, etc. Verder had hij me nog een beetje geholpen hoe ik nu het beste verder kon gaan en adviseerde me ook om met idee dit gewoon aan de gang te gaan. Soms krijg je gaandeweg ook nieuwe ingevingen.

Later die week heb ik nog heel even onderzoek gedaan en heb ik gekozen om eenzaamheid verdeeld over Nederland te vergelijken met bevolkingsdichtheid, hoeveel mensen per week sporten en toerisme verdeeld over Nederland. In Zeeland zijn mensen bijvoorbeeld relatief vaak eenzaam en de bevolkingsdichtheid is laag. Met mijn werk kan je kijken waar je zelf woont of kijken naar plaatsen waar bijvoorbeeld veel mensen eenzaam zijn. Door de verschillende onderwerpen te bekijken kan je zelf conclusies trekken over wat invloed zou kunnen hebben op eenzaamheid. Dit alles gaat wel over 2016 want dat was het jaar waarvan nog de meeste informatie te vinden was.

Ik had alvast een SVG plattegrond van Nederland gemaakt en omgezet in SVG code zodat ik het interactief kan gaan maken met scripting.

[meaningfuldatadesign]

CBS - onderzoek

In deze week had ik een hele dag besteed aan onderzoek naar data over eenzaamheid en de informatie over de ideeën die ik had. Maar er waren veel dingen waarover niet echt iets te vinden was en als ik wel iets vond dan kwamen er geen goede verbanden naar boven.

Uiteindelijk heb ik besloten om de eenzaamheid op verschillende plekken in Nederland te vergelijken met activiteit en recreatie. Denk aan hoeveel studenten er wonen, hoeveel toerisme er is, hoeveel sportfaciliteiten er zijn, hoe dichtbevolkt het is, hoeveel festivals er zijn, hoeveel honden er gehouden worden, etc. in een bepaalde plaats.

Ondanks dat ik duidelijk deze keuze had gemaakt kon ik het in die week niet opbrengen om eraan te werken doordat ik één hele dag bezig was geweest met onderzoek zonder iets interessants te vinden. Ik was een beetje gefrustreerd.

[meaningfuldatadesign]

CBS - kick-off

Door de kick-off had ik meer geleerd over het CBS. Zo heb ik er bijvoorbeeld nooit over nagedacht wat precies het doel is van het CBS. Ik heb inmiddels geleerd dat ze onafhankelijk zijn en data leveren die inzicht kunnen geven in maatschappelijke onderwerpen/problemen. Het CBS draagt eigenlijk bij aan welvaart, welzijn en democratie. Ik vond eenzaamheid ook een prima onderwerp om mee aan de slag te gaan.

Mijn eerste ideeën voor een gericht onderwerp:

Heeft ontwikkeling in technologie invloed op eenzaamheid?

Eenzaamheid ten opzichte van werkeloosheid

Recreatiegroei in steden/gemeententen opzichte van eenzaamheid (denk aan sportfaciliteiten, toerisme, musea’s, bioscopen, etc.)

Heeft een taalbarrière invloed op eenzaamheid. Dit onderzoek zou ik kunnen doen bij internationale studenten.

Eenzaamheid in relatie met grootte van familie.

Het hebben van een hond in relatie met eenzaamheid

Het hebben van veel/goede sociale vaardigheden in relatie met de mate van eenzaamheid. En heeft social media invloed in het ontwikkelen/hebben van sociale vaardigheden.

Onderzoeken wat ouders er van vinden als kinderen het huis uit gaan. Zou dit voor eenzaamheid kunnen zorgen? En om wat voor een soort gezinnen/personen gaat het?

Aantal scheidingen ten opzichte van eenzaamheid.

Onderzoek naar mensen met slechte gezondheid en wat daaraan gedaan kan worden. Misschien kan ik een data visualisatie maken waarmee duidelijk wordt hoe dit aan te pakken is, waardoor het aantal eenzamen minder wordt.

Onderzoek naar alleenstaande ouderen. Mijn data visualisatie kan misschien dienen als een gids of bewustwording waardoor alleenstaande ouderen goed voor zichzelf zorgen en eenzaamheid eventueel kunnen voorkomen.

Naast deze ideeën heb ik ook de datasheet bekeken die we aangeleverd hebben gekregen. Maar een aantal dingen leken niet te kloppen en er waren nog geen interessante verbanden te zien.

[meaningfuldatadesign]

Romeo and Juliet - expositie

Op de foto hierboven zie je het uitgeprinte werk tijdens de expositie. Zelf was ik tevreden over het eindresultaat. Kritiek van andere studenten was dat de kleuren in de legenda niet heel goed af te lezen zijn in de grafiek doordat er veel kleuren (die op elkaar lijken) gebruikt zijn. Één student had ook aangegeven dat hij/zij het er een beetje saai uit vond zien. Met dat laatste punt ga ik sowieso niets doen, want ik ben tevreden met de vormgeving en ik wilde het juist clean, duidelijk en met subtiele vormgeving hebben. 

Ik heb een aantal mensen gehad waarvan ik vind dat ze gevoel hebben voor vormgeving en zij vonden mijn werk mooi.

Een week later (in week 6) is mijn werk besproken in de klas qua vormgeving. Brenda was tevreden. Zij vond de kleuren die enigzins moeilijk af te lezen zijn geen probleem, maar ze zei dat ik een gradient kon gebruiken van een ander kleurencontrast.

[meaningfuldatadesign]

Romeo and Juliet - laatste iteratieslag + eindresultaat

Op basis van onder andere de feedback van Gabri is dit het verdere proces geweest:

Het meest lastige vond ik bepalen welke tags/topics ik ging gebruiken en hoe ik ze ging onderverdelen. In de eerste afbeelding die je hier zag heb ik cultuur weggelaten omdat ‘books’, ‘film’, ect. daaronder vielen. Maar dan kon het nog steeds zo zijn dat een artikel meerdere tags bevat. Uiteindelijk heb ik met de API van The Guardian alleen de section van de artikelen op kunnen vragen. Die heb ik dan met mijn eigen geschreven script geteld. Door de section te vragen kreeg ik maar één onderdeel terug, tags zijn er meerdere en dus moeilijker te verdelen.

Wat ook lastig was, was het palette voor de tags. Het palette moet uit 12 kleuren bestaan en vaak werden kleuren een beetje moeilijk te onderscheiden. Ik heb hier onderzoek na gedaan. Als je een goed kleurenpalette wilt met redelijk makkelijk te onderscheiden kleuren (ook voor mensen die kleurenblind zijn), moet je gaan voor een palette die veel variatie heeft in brightness en hue. Om dit te bereiken is het handig om kleuren te nemen uit een gradient. Als je een gradient neemt die ook voorkomt in de natuur en waar mensen dus aan gewend zijn, voelt het al snel fijn aan om naar te kijken. Denk aan een gradient van geel naar paars van een zonsondergang. https://blog.graphiq.com/finding-the-right-color-palettes-for-data-visualizations-fcd4e707a283

Verder heb ik in het proces wat je hierboven ziet vooral gespeeld met design zoals hiërarchie, kleur, etc.

[meaningfuldatadesign]

Romeo and Juliet - feedback

Ik had 1 op 1 feedback gekregen van Gabri op mijn laatste werk.

Hij zei meteen dat hij het idee heel leuk vond. Hij moest alleen heel even nadenken over het woord ‘articles’, in het Engels betekent ‘articles’ woordjes zoals ‘de’. Dus hier kan ik nog even naar kijken.

Verder vond hij het een beetje vreemd voelen dat die balkjes van de tags niet ‘verwerkt’ zijn in de grotere balk ernaast. Als ik er één balk van maak krijg je alleen niet automatisch de totale hoeveelheid artikelen, omdat er artikelen zijn die geen van de top 5 tags hebben en omdat sommige artikelen meerdere top 5 tags hebben. Op een deel hiervan valt wel iets te bedenken. Maar Gabri zei dat hij bij elk bericht ook alleen de ‘hoofdtag/subcategorie’ zou gebruiken. ‘Film’ valt bijvoorbeeld onder ‘cultuur’ en op deze manier kun je cultuur weglaten. Dan heb je ook weer minder kleuren voor de tags waardoor het overzichtelijker kan worden. De informatie hiervoor kan ik misschien moeilijker direct krijgen van The Guardian, maar dat is ook een deel data journalistiek zei Gabri. Je krijgt het niet altijd in het format zoals jij het nodig hebt.

Hij zei ook nog dat hij misschien het laatste gezegde weg zou laten omdat daar zo weinig artikelen bij zijn, dan is het toch niet zo interessant. En de data is bijna niet leesbaar omdat de balkjes heel kort worden. Ik moet even kijken wat ik hiermee ga doen. Want ik vind het wel interessant om mensen te laten zien dat dat gezegde niet zo vaak voorkomt in nieuwsberichten, dan kunnen de mensen zichzelf afvragen waarom dat zo zou zijn.

Verder vond Gabri het een leuk idee als ik opvallende tags nog wil vernoemen zoals ‘festival’ en ‘tinder’. Ik vroeg of het niet beter was als ik jaartallen toe ga voegen maar Gabri vond dat echt niet nodig, hij vond het zo al interessant genoeg.