World map

100%

✓ Published0🌍 Public

Last edited Nov 27, 2019

Created on Nov 25, 2019

This interactive world map visualizes the distribution of museum objects across countries over time. The D3.js visualization uses a Natural Earth projection, displaying countries colored on a white-to-red scale based on object counts for a selected time period. Users can click on a country to view historical colonial events related to that territory in a side panel. The map retrieves data from a SPARQL endpoint and animates through time periods using a timeline play button, while the `d3.zoom` library enables zooming and panning capabilities.

AI-generated description

MIT Licensed

Similar vizzes

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

82% match

Loading thumbnail…

Interaction

This visualization maps the global distribution of cultural objects by function, with each point representing a museum artifact and its category shown through color. Users can pan and zoom the map using d3.zoom, while points animate onto the map with a bounce ease via d3.transition. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries from TopoJSON, with data fetched live from a SPARQL endpoint via a custom fetch wrapper.

RRamon96

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

79% match

Loading thumbnail…

World map

A world map renders countries as pink shapes with a blue sphere background, using D3.js with the `geoNaturalEarth1` projection and `geoPath` to draw geographical boundaries. The visualization queries a SPARQL endpoint from the Network Digital Heritage data set, fetching one photograph per country along with its latitude and longitude. The code attempts to plot this location data as circles on the map, though the relevant plotting sections are commented out, leaving the map itself as the primary visible output.

SSamanvitha1

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

78% match

Loading thumbnail…

D3 map

D3 map visualizes museum object locations on a natural Earth projection, plotting over 1,500 coordinates from a SPARQL query against the Network Digital Heritage dataset. The map renders countries as goldenrod paths using `d3.geoPath` and `topojson.feature`, then animates white circles bouncing onto each location with staggered `transition.attr` delays. Built with d3.v5 and SVG, it uses `geoNaturalEarth1` for projection and fetches live JSON data from the dataset endpoint.

LLaurens

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

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

78% match