Functional Programming

:black_nib: Description

For the Functional Programming course within the Information Design semester (@ cmda-tt) we learn about functional programming in JavaScript. This allows visualizations to be made with the javascript library D3.

This repository shows functional programming using survey data from CMD students from the information design semester. Later in the course, different datasets provided by the RDW will be used to create a visualization with the theme of Cars in the city. This visualization will visualize the following main question:

What about parking an electric car compared to parking as a disabled person in the Netherlands?

In order to be able to visualize this main question, several subquestions have been created. You can find these in my wiki - Concept

:link: Dataset

The dataset that was used first is the survey data of 93 CMD students who followed the Information Design semester in year 2020.

Later in the project, the datasets supplied by the RDW will be used on behalf of De Volkskrant. These are public datasets and can be found at the links below:

• Specifications parking area in the Netherlands
• Location of parking garages in the Netherlands

:arrow_down: Install

To start, you must have a code editor installed on your computer. For this project (and most of my projects) I used Visual Studio Code. But you can also use Atom, for example.

1. :open_file_folder: Clone folder

Before getting started, you need to download this project and open it with your code editor. To do this, open your terminal with the correct path in which you want this repository. Example:

cd/Desktop/Repos

Then type the folling line of code into your terminal:

git clone https://github.com/veerleprins/functional-programming.git

With this line of code, you've succesfully downloaded the repository to your desired location.

2. :white_check_mark: Start and run the code

Go to the repository path in the terminal and add the following line of code below:

python -m SimpleHTTPServer 8800

Now you can go to http://localhost:8800/ in the browser and see the code in the console.

:books: Sources

Dataset sources

• RDW. (2020, 30 oktober). Open Data Parkeren: SPECIFICATIES PARKEERGEBIED | Open Data | RDW [Dataset]. https://opendata.rdw.nl/Parkeren/Open-Data-Parkeren-SPECIFICATIES-PARKEERGEBIED/b3us-f26s
• RDW. (2020a, oktober 30). GEO Parkeer Garages | Open Data | RDW [Dataset]. https://opendata.rdw.nl/Parkeren/GEO-Parkeer-Garages/t5pc-eb34 Code Sources
• Pavlutin, D. (2020, 17 september). How to Use Fetch with async/await. Dmitri Pavlutin Blog. https://dmitripavlutin.com/javascript-fetch-async-await/
• MDN. (2020, 17 augustus). Regular expressions. MDN Web Docs. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
• Stack Overflow, & Shaikh, A. (2012, 24 april). RegEx remove parentheses from string. Stack Overflow. https://stackoverflow.com/questions/10295637/regex-remove-parentheses-from-string
• Stack Overflow, & Down, T. (2011, 11 april). RGB to hex and hex to RGB. Stack Overflow. https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
• MDN. (2020b, oktober 8). Array.prototype.filter(). MDN Web Docs. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

:lock: License

This repo is licensed as MIT by :copyright: Veerle Prins, 2020