With my concept I want to give a picture of all the weapons in the collection that come from japan. I do this by means of an interactive bubble chart in which the size of the bubble shows how many objects there are in each category compared to the other bubbles.
When the visitor selects a bubble, the visitor receives a selection of the weapons that are in it. With this I give the visitor a picture of the use of weapons in japan and the visitor can actually see the weapons.
This website was commissioned by the university of applied science in Amsterdam and the Museum of Volkenkunde in Leiden
Click here for my data cleaning practice documentation.
I assume that you have already installed node and npm on your computer. If this is not the case. make sure you do this before you install this project. Select the links below for more information about installing node and npm
When you have installed node and npm it is time to get the app working. Follow the following steps:
- Clone this repo by running
git clone https://github.com/MarcKunst/functional-programming.git
- Run a development server. In my case I used the Live Server plugin for VSCode
This app uses SPARQL to retrieve data from the museum's database. Here more information about SPARQL
Used query and explanation can be found on my SPARQL query wiki page
Thanks to the museum of volkenkunde for sharing their data. And thanks to my teachers and colleagues for their help during this project.
The d3 example I used for this project was made by Alok K. Shukla. For more information see link to his code
The background image that I use is a photo by Maranda Vandergriff on Unsplash
I would like to thank my colleagues Martijn Keesmaat for helping me understand the overall patterns of functional programming and Chazz Mannering for helping me out with a function that I use in my code
Unless stated otherwise, code is MIT