Daan van der Thiel 500694621

zie [top 40] (http://www.top40.nl/)

Deze site geeft de muziek top 40 weer vanaf 1965-nu. Doordat deze site de data goed geordend heeft kan dit makkelijk van de site gehaald worden en kan ik hier een visualisatie van maken.

Het doel van mijn visualisatie is het duidelijk weergeven van de top 40 data over verschillende periodes en het duidelijk weergeven van het verloop van een nummer van 1965-heden. Dit wil ik visualiseren op de volgende manier: Het zal 3 lijsten met top 40 hits weergeven waarbij veranderingen met een kleur weergeven worden. Verder zal de simulatie de nummers die veranderen duidelijk laten zien. Dit kan nog een probleem geven met programeren om dit uiteindelijk duidelijk genoeg maar ook snel genoeg te laten verlopen. Je kan door rechtsonder een jaar een maand en eventueel een week in te vullen een periode selecteren en over die periode 5 weken vooruit en 5 weken achteruit gaan over de lijst. Dit geeft zo een redelijk overzicht van de nummers. De verandering kan zo goed gevolgd worden.

Als een nummer geselecteerd wordt door zowel het klikken op een nummer in de lijst als een nummer opzoeken in de selectie rechtsboven. zal de volgende pagina weergeven worden: Deze pagina geeft een lijngrafiek met het verloop van het nummer van het begin in de lijst totdat deze uit de lijst verdwijnt. Ook kan je hier momenten selecteren en zo de top 40 van die specifieke week bekijken.

Als er in de hoofdpagina top lijst aangedrukt word zal er de volgende pagina geopend worden: Deze pagina geeft de nummers met het hoogst aantal punten. Dit is een combinatie van het hoogst aantal punten en het langst in de top 40.

Eerdere ontwerpen focussen zich alleen op het laten zien van de top 40 van 1 week met doormiddel van kleuren de nieuwe nummers,stijgers of dalers. Dit geeft ook een redelijk duidelijk overzicht maar is saai.

Doordat de data niet goed ingeladen kan worden zal ik mijn gehele project in week 2 moeten veranderen. Doordat ik nog wel iets met een muzieklijst wil doen zal ik nu de top 2000 van de npo2 visueel gaan weergeven. Dit doe ik nu door voor elk jaar een kolom te creeren met rechthoeken waarvan elke rechthoek een nummer presenteert. De rechthoeken van een nummer worden verbonden met een lijn waardoor het verschil te zien is van een nummer. Een nieuw nummer krijgt de kleur groen en een nummer dat uit de lijst verdwijnt krijgt de kleur rood. Verder zal het nog aangepast moeten worden door een gebied selectie toe te voegen aangezien de nu 32000 (16*2000) rechthoeken toch wel heel veel is om doorheen te gaan.

http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript-array http://stackoverflow.com/questions/9716468/is-there-any-function-like-isnumeric-in-javascript-to-validate-numbers https://github.com/twitter/typeahead.js