Concept
 |
|---|
| Featuring Red, Bull, Poes & Dirk |
Voor dit project wilde ik graag iets kiezen wat ik echt heel interessant vind. Ik had gelijk een aantal ideetjes, zoals games, muziek of films. Ik had helaas geen idee hoe ik dit wilde gaan visualiseren op een originele manier wat ook nog wel te doen was. Toen kwam mijn vriend ermee dat ik het misschien wel over katten kon doen, Aangezien ik veel van katten hou. Dit vond ik een erg leuk idee en ik dacht gelijk aan het visualiseren van verschillende rassen en waar deze rassen precies vandaan komen. Ik wist niet helemaal zeker of het wel interactief genoeg zou zijn als ik alleen katten zou visualiseren, dus dacht ik vervolgens aan honden. Ik zou deze dan op een kaart kunnen weergeven en door middel van een radio button kun je er voor kiezen om naar honden te kijken.
Tijdens de les hebben we feedback gekregen over ons idee. Het leek mij best lame om alleen de dieren op een kaart te visualiseren, dat is natuurlijk totaal niet interactief. Mijn docent gaf me wat handige tips. Zo zou ik kunnen beginnen met één kattensoort per continent. Ik zou extra feitjes kunnen verzamelen, die ook weergegeven kunnen worden in de kaart, door bijvoorbeeld over de kat heen te hoveren met je muis. Ook zou ik kunnen visualiseren hoe populair de rassen zijn, door middel van een bolletje wat groter wordt als het ras populairder is. Ik denk dat het uitwerken hiervan al best een challenge voor mij zal zijn, dus dit lijkt mij een mooi begin. Ook kan ik zoveel mogelijk dingen bedenken als ik maar wil, ze hoeven toch niet allemaal uitgewerkt te worden.
Ik begin met alleen katten. Het zal voor mij al lastig genoeg zijn om de elementen die ik er momenteel in wil te verwerken. Als dat allemaal lukt, moet ik er alleen achter komen hoe ik met radio buttons andere data in kaart kan brengen en dan kan ik er ook andere diersoorten inzetten, zoals honden, konijnen en vissen.
Mijn idee is om de data op deze manier te weergeven. Hoe ik het precies ga doen met feitjes weet ik nog niet helemaal, maar waarschijnlijk word dit on-click of als je er overheen hovert (als een tooltip maybe?).
Uiteindelijk heb ik ervoor gekozen om wat minder data te weergeven in de map, en er nog iets anders aan toe te voegen: een custom barchart (zie barchart). In de map wil ik alleen de naam van de katten toevoegen, met leuke icoontjes in plaats van de standaard Leaflet markers.
Uiteindelijk ziet dit er zo uit:
Ik moet zeggen dat ik er niet heel tevreden mee ben, het ziet er nogal rommelig uit. Helaas heb ik de exacte coördinaten waar deze katten vandaan komen niet kunnen vinden dus kan ik ze niet altijd op de perfecte plek neerzetten. Ook kun je, wanneer je meerdere items op dezelfde plek neerzet, deze items niet zien, aangezien ze bovenop elkaar staan. Daarom heb ik degenen die uit hetzelfde land kwamen net even ergens anders in het land gezet zodat je er ook nog doorheen kunt klikken. Lees hier en hier meer over het maken van de map.
Zoals ik eerder al heb beschreven, had ik het idee om een extra chart te maken: de barchart, wat niet echt een barchart is. In plaats van bars zie je katten, in een top 10. In deze bar chart ga je namelijk zien welke katten in welke werelddelen/landen het populairst zijn. Ik ga hiervoor gebruik maken van een filter en met tooltips kun je bekijken welke katten het allemaal zijn. Mocht je meer willen weten over het proces, kun je dat hier vinden. Dit is uiteindelijk hoe de 'barchart' eruit ziet:
