Frontend Data

Frontend Data is part of the Tech Track

Tech Track is an elective track of the following 3 courses

Functional Programming | Frontend Data | Frontend Applications
^{given during Project Information Design @CMDA⤴︎}

_{More information about the Tech Track?}
^{@CMDA-TT⤴︎}

My process during the Tech Track is documented in the Wiki! ⤴︎

Contents

⦿ Features
⦿ Example
⦿ Installation
⦿ API
⦿ Assignment
⦿ Functional Programming
⦿ Frontend Data
⦿ Frontend Applications
⦿ Rubric
⦿ Resources
⦿ Credits

Concept

A visualisation about which city you can park best on a special day.

• Op welke speciale dag kun je het beste in de stad parkeren?

Features

• Get, Filter, Clean & transform dataset from Survey Exercise.
• Get external data from API.
• Clean external API data that i need.
• Transform the data thats clean.
• Use D3 to Create Visualisation from clean data.

Example

Installation

First, clone the repo to your local machine.

$ git clone https://github.com/GiovanniDw/frontend-data.git

Then $ cd/ into the project folder.

$ npm install

Now run the project!

$ npm run dev

API

Most of the data that will be used, comes from the opendata.rdw.nl⤴︎ API.

API-endpoint:

https://opendata.rdw.nl/resource/ixf8-gtwq.json

Assignment

Create a data visualisation with d3 based on given data.

During this course the code in this repo will use functional patterns to get, filter, clean & transform datasets from external sources about parking. And visualise that data. For more details about te concept and the data go to the Wiki⤴︎

Functional Programming

During this course I will
⦿ Apply functional programming patterns to clean & transform data.
⦿ Develop a concept for The Volkskrant based on external datasets
⦿ Create interactive visualizations with data by using D3

Frontend Data

Frontend Applications

Rubric

• Functional Programming ⤴︎

Resources

• CMDA Tech Track recource page

Credits

• Teachers from the Tech Track @CMD ⤴︎

---

MIT licenced | GiovanniDw | Wiki for more