Skip to content

CountNick/frontend-data

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

frontend-data📊

Hovering

Table of contents

Concept ✏️

The concept is a scattorplot which visualizes the amounts of smoking tools that are in the collection of the museums and are grouped by cultural heritage. If you want to read through my whole concept and my ideation proces checkout the project Wiki. Early sketch of my concept: sketch

Target audience

The first thing people usually think about when you say Amsterdam is smoking weed. The target audience for the visualisation will be tourists and students aged 18-25. I want to reach this audience because the usual audience for the museum are grandparents with kids. I think this subject might attract some of those other people the museum wants to reach.

General update pattern

In order to get the filter function working i had to write an update pattern. When the user clicks makes a change on the filter dropdown, the selected value is being compared with the data. The filter function only returns the types of smoking pipes that have been chosen. You can read more about my update pattern in the project wiki

Filtering

Data

To realise this visualisation i needed to fetch every continent, every type of smoking tool and the amount of each smoking tool from each continent. I realised this with a query that gets these things out of the database. Luckily i didn't get any extreme values out of this query. Ofcourse some values are way higher than others, but the visualisation is able to show the difference between these values. Also when the user filters on a type, the dots move to the place they need to be at. This movement is to compare the sometimes extreme values to those of the selection that came before. Feel free to check the query out by clicking details open I tweaked this query from one of Ivo's examples:

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/>
PREFIX foaf: <http://xmlns.com/foaf/0.1/>

SELECT ?herkomstSuper ?herkomstSuperLabel ?typeLabel (COUNT(?cho) AS ?amount) 
WHERE {
  # geef ruilmiddelen
  <https://hdl.handle.net/20.500.11840/termmaster14607> skos:narrower* ?type .
  ?type skos:prefLabel ?typeLabel .

  # geef de continenten
  <https://hdl.handle.net/20.500.11840/termmaster2> skos:narrower ?herkomstSuper .
  ?herkomstSuper skos:prefLabel ?herkomstSuperLabel .

  # geef per continent de onderliggende geografische termen
  ?herkomstSuper skos:narrower* ?herkomstSub .
  ?herkomstSub skos:prefLabel ?herkomstSubLabel .

  # geef objecten bij de onderliggende geografische termen
  ?cho dct:spatial ?herkomstSub .
  ?cho edm:object ?type . 
  
} 

Installation 💿

Prerequisites

You will need the following things properly installed on your computer.

  • Git

  • git clone https://github.com/CountNick/functional-programming.git

Open the index.html file in your browser to see the project

Acknowledgements

  • Chazz for helping me debug the update pattern
  • Eyob for trying to help with my d3 nest problem
  • Laurens for trying to help with my d3 nest problem
  • Robert for trying to help with my d3 nest problem

Resources

Releases

No releases published

Packages

No packages published