Collection data filter and sort

100%

Collection data filter and sort

✓ Published0🌍 Public

Last edited Nov 13, 2019

Created on Nov 11, 2019

This example demonstrates how to filter and sort collection data from the Dutch digital heritage network API. It uses a SPARQL query to retrieve object counts per geographic origin and object type, then processes the JSON result. The visualization focuses on ranking origins by quantity, showing the top ten objects per continent. Built with D3.js v5 and vanilla JavaScript, it fetches data from the NMVW dataset using the `loadApiData` function and displays the results in a text-based interface.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Transforming data using d3

This example demonstrates how to clean, group, and enrich SPARQL query results about ethnographic artefacts. It loads data from a Dutch heritage endpoint using `d3.json`, maps each row to extract plain values with `cleanData`, then applies `d3.nest()` to group artefacts by their parent country. For each country group, it calculates the total count of artefacts as a new `amount` property. The code uses d3 v5 APIs such as `d3.nest()` and `d3.json`, and logs the raw, cleaned, and transformed data to the console for inspection.

LLaurens

71% match

Loading thumbnail…

Nu het inladen van de nieuwe data

This visualization displays a world map with small circles indicating the geographic locations of museum objects, with each point colored according to its associated object function or type. The data is retrieved via a SPARQL query from the Network Digital Heritage (Netwerk Digitaal Erfgoed) API. Using D3 v5, the code employs `d3.geoOrthographic` and `d3.geoPath` to render the globe, together with `d3.zoom` for interactive panning and zooming. A `d3.scaleOrdinal` color scheme maps object categories to a legend.

BBryan Ray

70% match

Loading thumbnail…

Visualizing transformed data

This example visualizes transformed museum collection data on a natural Earth projection map, showing the geographic distribution of objects by country. It fetches SPARQL query results from a Dutch digital heritage endpoint, cleans and nests the data per country using `d3.nest()`, then plots animated circles with `transition` and `d3.easeBounce`. The map itself is drawn with `d3.geoPath` and TopoJSON world atlas data. Colors are assigned using `d3.scaleOrdinal` with the `d3.schemeDark2` palette to distinguish countries.

RRoyCsuka

70% match

Loading thumbnail…

Nice barchart

This example visualizes the distribution of object types across continents using a nested dataset from a SPARQL endpoint. Animated SVG bars represent counts of cultural heritage objects, with each group color-coded by geographical origin. The code fetches JSON data via `d3.json`, processes it through a chain of `.then()` transformations, and uses `d3.nest()` to structure the data by continent. Rendering relies on D3 v5’s SVG selection and animation methods, with styling defined in a linked stylesheet.

NNick

69% match

Loading thumbnail…

Een collectie zonder Indonesië

This bar chart displays the number of objects in a museum collection per category, excluding items from Indonesia, with bars colored by continent and selectable via radio buttons. It uses D3 v5 to query a SPARQL endpoint from Netwerk Digitaal Erfgoed, fetching data about world cultures, and renders the results as an SVG with custom axes. The chart rotates category labels and applies a color palette based on continent values.

MManoukK

69% match

Loading thumbnail…

Loading data through SPARQL

This example demonstrates a SPARQL query against the Network of Digital Heritage (NDE) API, displaying the results as raw JSON text in a paragraph element. The visualization shows counts of cultural heritage objects grouped by material type and African place names. The code uses D3 v5’s `d3.json()` helper to fetch data from the SPARQL endpoint, with the query wrapped in template literals and passed as a URL-encoded parameter. The results are rendered by directly setting the innerText of the paragraph, without any further visual encoding.

Jjoanpadolina

68% match

Loading thumbnail…

Transforming data using d3

This example demonstrates how to transform SPARQL query results about ethnographic artefacts by cleaning and nesting the data per country using d3.nest(), then calculating the number of records per country. It loads data from a live SPARQL endpoint via d3.json and applies a custom cleanData function to extract property values. The transformed data structure, with country keys and value counts, is logged to the console, showing the grouping and aggregation process using d3 v5.

RRoyCsuka

68% match

Loading thumbnail…

Interaction

This visualization maps the worldwide distribution of cultural objects by function, using a natural Earth projection with colored circles to represent object counts per category. Users can pan and zoom the map via d3.zoom, while circles animate in with a bounce effect. The code employs d3.geoPath and topojson for geographic features, and retrieves live SPARQL data from the Netherlands Digital Heritage Network API. A categorical color scale distinguishes object types, with a legend and tooltips providing country names and category labels.

Iiascchwen

68% match