Frontend Applications
Wiki • Concept • Data story
This repo is created to use the data processed in the functional-programming repo, to recreate the data visualisation made in the frontend-data repo using Svelte & D3, forming it into a full-fledged data story. The data consists of parking data gathered by the RDW (Dutch Vehicle Authority), which can bring many great insights when put into a data visualisation. Read more about the assignment on the Wiki, and read about the concept further below
Features
- Full data manipulation
- Tooltips
- Interactive storytelling
- A nice yellow background
Learning goals
- Understanding how Svelte works
- Using D3 and Svelte to create an interactive data story with a data visualisation and data I myself have processed
Getting started
Setting up the repo
To get started, you first need to clone the repo and install the dependencies:
git clone https://github.com/theonejonahgold/frontend-applications
cd frontend-applications
yarn install || yarn
Available commands
yarn start # Opens a dev server and watches src files.
yarn build # Builds a bundle for the website.
yarn format # Runs Prettier on files to check for consistent code.
Concept
Main Question
Are primary demographics for hotspots in Amsterdam supported in car parking opportunities?
Research questions
- How close are parking areas to the hot-spot?
- What are the average hours of the parking areas?
- What are the capacities of the parking areas?
Used variables
The used variables are available through this link.
Svelte functionalities used
D3 functionalities used
Functional programming principles applied
Tools used
Acknowledgements
- Support Group 6 for all the fun and moral support throughout these 6 weeks ❤️.
- The CMD teachers, who put together an awesome Tech Track.
