Tijdens de minor Data Visualisatie was het de bedoeling om gedurende twee weken eigen data te verzamelen. Dit kon van alles zijn. Ik heb hierbij gekozen om mijn locatie bij te gaan houden en de muziek die ik luister. Ik heb voor dit gekozen omdat het en makkelijk was vanwege de hulp die je van Google Timeline krijgt en omdat ik wel een benieuwd was hoeveel ik nu muziek luisterde en op welke momenten ik wat luisterde. Zoals ik al zei heb ik gebruik gemaakt van verschillende diensten om mijn data te verzamelen. Voor mijn locatie heb ik zoals ik al zei gebruik gemaakt van Google Timeline. Deze had ik nog nooit aan gezet en het was dus ideaal dat ik niet andere data erbij deed exporteren. Voor mijn muziek gebruik ik Spotify. In eerste instantie heb ik geprobeerd via de API mijn data op te halen maar dit zou meer tijd kosten dan nodig is. Daarna heb ik een tip van iemand gekregen om Last.FM te gebruiken. De data van Last.FM heb ik via een website kunnen omzetten naar een CSV bestand. De twee visualisaties die ik gemaakt heb zijn beide gerealiseerd in D3.
De eerste visualisatie die ik gemaakt heb is over alleen de muziek data die ik verzameld heb. In de drie weken dat ik mijn data verzameld heb, waarvan zelfs 10 dagen in Tokyo, Japan, heb ik meer dan 900 nummers geluisterd. Zelf was ik wel benieuwd naar wat dan de top 10 meest afgespeelde muziek was. Ik had wel al een vaag vermoeden welke artiest ik het meeste geluisterd had, en dit bewijst het wel weer. De verklaring hiervoor is ook vrij simpel. Toen ik de data bij gehouden heb, heb ik kaarten gekocht voor het concert van deze artiest. Daardoor heb ik de muziek weer meer geluisterd :).
Technisch heb ik deze barchart al een keer gemaakt tijdens mijn stage en heb ik veel code kunnen hergebruiken. Wel heb ik opnieuw de data moeten structureren. Hiervoor heb ik gebruik gemaakt van eigen kennis en een functie die ik vond op internet om te tellen hoevaak een artiest voor kwam in mijn data.
Natuurlijk had ik ook de data van mij locatie nog en had ik het idee om deze op een kaart van Limburg te plotten. Echter was het een erg ambitieus idee om te realiseren in D3. Zoveel ervaring had ik namelijk nog niet met D3. Toch ben ik de uitdaging aan gegaan en heb ik me wat avondjes kunnen vermaken met de kaart met stippen te maken. Om dit te realiseren heb ik de data op verschillende manieren moeten formateren. Na dat ik de stippen had, was het volgende doel lijnen trekken tussen de punten.
Om lijnen te maken had ik een start- en eindpunt nodig. Hiervoor moest ik de data weer opnieuw formaten. Dit was gelukkig niet het moeilijkste. Moeilijker was het om de muziek die ik tussen twee punten geluisterd had te formatten. Hiervoor moest ik de muziek tijden laten matchen met de locatie tijden. Duurde even, maar het is uiteindelijk gelukt. Hieronder is het eindresultaat te zien. Wanneer je over de lijnen met de muis gaat zie je of ik muziek heb geluisterd om niet.
Locatie data:
Muziek data:
Muziek data naar CSV:
Algemene hulp code:
Japanse kaart:
Lijnen op kaart:
Algemene info kaarten:
Hoe gebruik je coördinaten in D3:
Kleurenpalet: