Skip to content

SqueezyDough/functional-programming

Repository files navigation

Bubble chart

Description

This app presents different types of data inside a bubble chart/map. The bubble chart supports all kinds of data as long it only contains a name and a amount property. Users can click on a pre-selected category and display method. The chart will update accordingly.

Concept design

Land Types are displayed in a bubble chart per country. The bigger the bubble, the more items the country contains.

Geo There are different display methods to plot the types. Here you can see the bubbles plotted on a map

App

Site Here you can see the app as it is today! It displays all clothing per country.

Data

I request data from the National museum of world cultures. I only need to count the amount of types in a specific country.

  • Place
  • Long/lat
  • Country
  • Type

Install

Clone repository

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

cd functional-programming

Install packages

npm i

Run the app

npm run dev

acknowledgement

  • Marc - helped me with d3 example
  • Stefan - helped me with d3 experiment
  • Thijs - helped me out with some functions
  • Ivo - helped me with sparql