Functional Programming |
Frontend Data
|
Frontend Applications
given during Project Information Design @CMDA⤴︎
@CMDA-TT⤴︎
⦿ Features
⦿ Example
⦿ Installation
⦿ API
⦿ Assignment
⦿ Functional Programming
⦿ Frontend Data
⦿ Frontend Applications
⦿ Rubric
⦿ Resources
⦿ Credits
- 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.
consturl='https://opendata.rdw.nl/resource/';consttijdvak='ixf8-gtwq.json';fetch(url+endPoint).then(responseStatus).then(sendResponseJSON).then((result)=>{logResult(result);}).catch((error)=>{console.error('Can not fetch becasuse: '+error);});functionresponseStatus(response){if(response.status>=200&&response.status<300){console.log(response);returnPromise.resolve(response);}else{returnPromise.reject(newError(response.statusText));}}functionreadResponseJSON(response){returnresponse.json();}functionlogResult(result){console.table(result);returnresult;}First, clone the repo to your local machine.
$ git clone https://github.com/GiovanniDw/functional-programming.gitThen $ cd/ into the project folder.
$ npm installNow run the project!
$ npm run devMost of the data that will be used, comes from the opendata.rdw.nl⤴︎ API.
API-endpoint:
https://opendata.rdw.nl/resource/ixf8-gtwq.jsonCreate 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
- Teachers from the Tech Track @CMD ⤴︎