Skip to main content
SimilarExport ZIP
100%

functioneel programmeren (herkansing)

✓ Published2🌍 Public
MManoukK
Last edited Jan 30, 2020
Created on Dec 10, 2019

A world map visualizes the geographic distribution of museum collection items, with each item represented as a small circle colored by its country of origin. The visualization uses a Werner or Gilbert projection via `d3-geo-projection`, and renders country boundaries using `d3.geoPath` with TopoJSON data from `world-atlas`. Circle positions are calculated by projecting latitude and longitude coordinates fetched from a SPARQL endpoint querying the Network of Digital Heritage (NMVW) dataset. Hovering over a circle shows a tooltip displaying the country name. The code relies on D3 v5, TopoJSON, and SVG rendering.

AI-generated description

See github: https://github.com/ManoukK/Herkansing-FunctionalProgramming

MIT Licensed

Similar vizzes

Loading thumbnail…

functioneel programmeren (een test)

This example maps the geographic distribution of a collection of objects by querying a SPARQL endpoint and plotting the results as colored circles on a world map. It uses d3-geo-projection for the map projection, d3.geoPath to render country outlines, and a fetch to the Network Digital Heritage API. The circles are colored by country with a tooltip on hover.

MManoukK
88% 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
85% match
Loading thumbnail…

D3 map

This example visualizes a world map using D3 v5 and TopoJSON, plotting museum object locations from a SPARQL query against the Netherlands Digital Heritage Network’s NMVW dataset. A natural Earth projection renders country boundaries and a black sphere, while white circles animate onto coordinates using `d3.geoPath` and `d3.easeBounce`. Each circle’s position is computed from latitude and longitude via the projection, with staggered transitions revealing the data points sequentially.

Kkimgarrard
82% match
Loading thumbnail…

A different D3 map

An interactive orthographic world map displays the geographic distribution of objects from the Dutch digital heritage collection, with roughly 1,500 locations sourced via a SPARQL query to the Network Digital Heritage endpoint. The globe renders country boundaries using `d3.geoPath` with TopoJSON data from World Atlas, while white circles representing item coordinates appear with staggered, bouncing transitions. Users can drag to rotate the sphere or scroll to zoom, with both interactions updating the projection via `d3.drag` and `d3.zoom` to trigger re-rendering.

BBryan Ray
80% match
Loading thumbnail…

D3 map

A world map visualizes the geographic distribution of museum objects by plotting animated, bouncing dots at their recorded locations. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and renders country boundaries with `d3.geoPath`. Data is fetched from a SPARQL endpoint and displayed as SVG circles, with each circle transitioning from zero radius to its final size using a staggered delay and `d3.easeBounce`. The map itself comes from the TopoJSON world atlas, processed with the `topojson` library.

RRoyCsuka
79% match
Loading thumbnail…

D3 map

A D3 map visualization plots museum objects from the Netherlands Digital Heritage Network’s SPARQL endpoint onto a natural Earth projection. Animated circular images, each representing an artifact, appear at their geographic coordinates with a bouncing transition. The map uses `d3.geoNaturalEarth1`, `d3.geoPath`, and TopoJSON world-atlas data for country outlines. Data cleaning functions parse date formats and filter entries to four-digit years, while SVG transitions with `d3.easeBounce` animate the markers.

CCoenmathijssen
78% match
Loading thumbnail…

D3 map

This example visualizes a world map with data-driven location points, plotting over a thousand geographic coordinates as animated circles on a natural Earth projection. It uses D3 v5 with `d3.geoNaturalEarth1`, `d3.geoPath`, and TopoJSON’s `feature` to render country boundaries from the World Atlas dataset, while querying a SPARQL endpoint from the Dutch Digital Heritage Network for latitude and longitude data. Each circle appears sequentially with a bounce ease transition, growing from zero to a fixed radius to show the distribution of the dataset across continents.

RRoyCsuka
78% match
Loading thumbnail…

Visualizing transformed data

A world map visualizes geographic locations of cultural heritage objects, with each country’s data points appearing as colored circles that animate onto the map with a bouncing effect. The visualization queries a SPARQL endpoint for latitudinal and longitudinal coordinates, cleans and nests the data by country using `d3.nest`, and renders the map with `d3.geoPath` and `topojson.feature`. Circle positions are projected via `d3.geoNaturalEarth1`, while ordinal scales and transitions control color and staggered entry timing.

RRoyCsuka
78% match