Nu het inladen van de nieuwe data

100%

Nu het inladen van de nieuwe data

✓ Published2🌍 Public

Last edited Nov 15, 2019

Created on Nov 14, 2019

This example shows the worldwide geographic distribution of masks by function, with each object plotted as a colored circle on a Mercator projection. It uses d3.geoPath and d3.geoMercator to render country boundaries from TopoJSON, while d3.scaleOrdinal maps each mask type to a color. Circles appear after a 1000ms delay with a bounce transition, and d3.zoom enables panning. The data comes from a SPARQL query to the Netwerk Digitaal Erfgoed API, filtered by a specific term hierarchy.

AI-generated description

MIT Licensed

Similar vizzes

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

80% match

Loading thumbnail…

functioneel programmeren (herkansing)

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.

MManoukK

75% match

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

73% 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

72% 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

72% match

Loading thumbnail…

Fork of D3 map

This example presents a world map populated with animated data points sourced from a live SPARQL query (Netwerk Digitaal Erfgoed). It uses d3.geoPath and d3.geoNaturalEarth1 to render country boundaries via TopoJSON, then plots geographic coordinates as circles. The circles animate in sequence using d3 transitions with a bouncy ease, starting from zero radius. The visualization demonstrates loading external data, projecting coordinates, and adding motion to a static map.

AAMINU LAWAL

72% match

Loading thumbnail…

Visualizing transformed data

The example displays a world map with animated, color-coded circles representing cultural heritage object locations, grouped per country through nested data. It uses d3.json to fetch SPARQL query results and TopoJSON world atlas data, then transforms raw bindings via d3.nest. Circles are rendered as SVG with d3.geoPath projections and animated using transition.attrTween-like easing, while color scales from d3.scaleOrdinal.

LLaurens

72% 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

72% match