functional-programming en frontend data 20/21
Auteur: Simon Planje
🔴 live gh-pages
Waar in Nederland kan het best worden geparkeerd om direct bij een wandel- of fietsroute uit te komen?
- Waar lopen de wandelroutes door Nederland?
- Welke parkeerplaatsen liggen dichtbij wandelroutes?
- Bij welke parkeerplaatsen moet je betalen tijdens het wandelen?
- Bij welke parkeerplaatsen kunnen er invaliden mee met de wandeling?
- Bij welke parkeerplaatsen kan de elktische auto worden opgeladen?
- Bij welke wandelroutes is de lucht het schoonst?
Om deze data te kunnen visualiseren heb ik uit de RDW data de data nodig die precies laat zien waar alle parkeerplaatsen zijn door heel Nederland.
Geokaart van alle parkeergarages
Ook heb ik een externe dataset nodig die de wandel- en fietsroutes laat zien door heel Nederland. Dit ga ik doen met de data van de Routedatabank, deze data is alleen niet voor iedereen beschikbaar en moet worden aangevraagd. Dit heb ik gedaan en ik wacht nog op reactie.
Het idee voor de visualisatie is een geografische kaart waar de parkeerplaatsen worden weergegeven waar je het best naartoe kan gaan om te gaan hardlopen of fietsen. Er kan op meerdere variabelen worden gefilterd. Ook zou een overzicht van welke wandelroutes en parkeerplaatsen de meeste luchtvervuiling hebben. Ook kan er worden gefilterd op of de parkeerplaats betaald of niet mag zijn. Ook zou de bezetting van de parkeerplaats erbij kunnen om aan te geven of er vaak plek is of niet. Er is in ieder geval genoeg interessante parkeerdata om aan de wandeldata toe te voegen.
- Clone de repository in de terminal
git clone https://github.com/SimonPlanje/frontend-data.git
- Open de bestanden in VScode
- Installeer de liveSever exentie op VScode
- Linker muisknop op de index.html en klik op Start Liveserver
- Enjoy :)
- https://www.d3-graph-gallery.com/graph/bubblemap_buttonControl.html
- http://bl.ocks.org/ZJONSSON/3918369
- https://stackoverflow.com/questions/47870887/how-to-fill-in-missing-keys-in-an-array-of-objects/47871014#47871014?newreg=7adc7a5e48b7436d99619b4aad68d8f8
- https://stackoverflow.com/questions/50023291/add-id-to-array-of-objects-javascript
- https://www.youtube.com/watch?v=BMUiFMZr7vk&t=554s
- https://curran.github.io/dataviz-course-2018/
MIT License