Skip to content

Interactive chart visualizing the data from the collection of the National Museum of Worldcultures

License

Notifications You must be signed in to change notification settings

qiubee/nmvw-chart

Repository files navigation

Interactieve grafiek over de categorie-verdeling per continent van de NMVW-collectie

Voor een nieuwe tentoonstelling over de collectie van het Tropenmuseum in Amsterdam wil tentoonstellingmaker Rik Herder met visualisaties laten zien wat er in een groter geheel te vinden is in de collectie van het Nationaal Museum van Wereldculturen. Zijn insteek is om de iconen van de collectie uit te lichten. Hij heeft de opdracht gegeven om een van zo'n visualisatie te laten maken.

De datavisualisatie is gemaakt met d3. Verder zijn Node.js en Express gebruikt voor het bouwen van de applicatie.

Linechart showing 19 categories with objects from Asia. Ordered by amount of objects inside each category from high to low. The category communication has the most amount of objects and cattle breeding and products the least amount of objects.

Bekijk datavisualisatie

Benodigdheden

Andere benodigdheden zijn te vinden in package.json

Concept

Een datavisualisatie die de collectie van het Nationaal Museum van Wereldculturen laat zien. Door middel van een wereldkaart wordt er met bolletjes weergegeven hoeveel objecten er per werelddeel in de collectie zitten. In de bolletjes wordt een cirkeldiagram getoond die de top 3 laat zien van categorieën waar de meeste objecten in te vinden zijn.

World map with pie charts showing top 3 of categories with the most objects found in the collection of the National Museum of Worldcultures

Installeren

Om het project te installeren typ het volgende in de terminal:

  1. git clone https://github.com/qiubee/functional-programming.git
  2. npm install
  3. npm start

Gebruik localhost:8000 in de browser om de app te bekijken.

Data

De data wordt opgehaald uit de API van het NMVW. Het NMVW gebruikt SPARQL voor het ophalen van data uit de collectie. De data die daaruit wordt opgehaald is:

  • Geografische herkomst
  • Categorie
  • Aantal objecten

In SPARQL zijn dct:spatial en edm:isRelatedTo gebruikt om de plaats en de categorie van het object op te halen. En met (COUNT() AS()) zijn de objecten bij elkaar opgeteld.

Hieronder staat de query die is gebruikt voor het ophalen van de data:

PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX dc: <http://purl.org/dc/elements/1.1/>
PREFIX dct: <http://purl.org/dc/terms/>
PREFIX skos: <http://www.w3.org/2004/02/skos/core#>
PREFIX edm: <http://www.europeana.eu/schemas/edm/>

SELECT ?continent ?category (COUNT(?obj) AS ?objCount) WHERE {

# CONTINENTEN
# zoekt alle continenten
<https://hdl.handle.net/20.500.11840/termmaster2> skos:narrower ?geoTerm .
?geoTerm skos:prefLabel ?continent .

# geeft per continent de onderliggende geografische termen
?geoTerm skos:narrower* ?allGeoTerms .

# geeft objecten bij de onderliggende geografische termen
?obj dct:spatial ?allGeoTerms .

# CATEGORIEEN
# zoekt alle hoofdcategorieen
<https://hdl.handle.net/20.500.11840/termmaster2802> skos:narrower ?catTerm .
?catTerm skos:prefLabel ?category .

# geeft per categorie alle onderliggende categorische termen
?catTerm skos:narrower* ?allCatTerms .

# geeft objecten bij alle onderliggende categorische termen
?obj edm:isRelatedTo ?allCatTerms

}
GROUP BY ?continent ?category
ORDER BY DESC(?objCount)

Opschonen data

Hoe het data-opschoon-patroon gemaakt is, is te zien in de wiki bij Proces data opschonen (NMVW).

Ook is de data van een studentenenquete opgeschoond d.m.v. functional programming. Dit is te vinden in de wiki bij Proces data opschonen (studentenenquête).

Gebruikte voorbeelden

Licentie

MIT

About

Interactive chart visualizing the data from the collection of the National Museum of Worldcultures

Topics

Resources

License

Stars

Watchers

Forks