Skip to main content
SimilarExport ZIP
100%

D3 map

✓ Published0🌍 Public
CCoenmathijssen
Last edited Nov 27, 2019
Created on Nov 13, 2019

A world map in a natural Earth projection shows the locations of jewelry objects from Africa and Oceania, sourced from a SPARQL query against the Network Digital Heritage API. Each location appears as a circle, drawn with SVG, that animates in with a bounce effect. The code uses D3 v5’s `geoNaturalEarth1`, `geoPath`, and `transition` to render the map, while TopoJSON loads country boundaries. Data points are projected and positioned based on latitude and longitude values fetched from the endpoint.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

D3 map

An animated world map visualizes the geographic distribution of jewelry objects from the National Museum of World Cultures (NMVW) collection, with overlaid circles marking item locations. The example uses D3 v5 with `geoNaturalEarth1` and `geoPath` for map rendering, TopoJSON for country outlines, and fetches SPARQL query results from an external endpoint to plot coordinates. Circles animate in with a staggered delay and bounce easing, while the map itself uses SVG paths and CSS styling.

CCoenmathijssen
91% match
Loading thumbnail…

D3 map

A D3 map displays cultural heritage objects across Africa and Oceania, plotting images of jewelry at their geographic coordinates on a natural Earth projection. The visualization uses `d3.geoNaturalEarth1`, `d3.geoPath`, and TopoJSON to render country boundaries, then fetches SPARQL query results from a Dutch digital heritage API to position object thumbnails. Each image animates in with a staggered delay and bounce easing via `transition().delay().duration().ease()`. The map is built with D3 v5, SVG elements, and features a blue ocean backdrop with red landmasses.

CCoenmathijssen
90% match
Loading thumbnail…

D3 map

A world map uses D3’s geoNaturalEarth1 projection and geoPath to render country boundaries as SVG paths. Data points from a SPARQL endpoint—querying museum objects and their associated locations—are plotted as animated circles that bounce into place with a staggered transition delay. The map uses TopoJSON for geographical features and d3.json for loading. Each circle’s position is computed via the projection from longitude and latitude values, with a simple bounce easing to animate the radius.

CCoenmathijssen
89% match
Loading thumbnail…

D3 map

This interactive map displays the geographical distribution of jewelry artifacts from an ethnographic collection, with animated data points that pulse onto the map via SVG transitions. Clicking a point enlarges it to reveal a thumbnail image and title, while a tooltip provides additional details. The visualization uses a SPARQL query to fetch data from a Dutch digital heritage API, which is plotted using d3.geoPath with a geoNaturalEarth1 projection and the world-atlas TopoJSON dataset. d3-tip enhances the hover interactions.

CCoenmathijssen
88% match
Loading thumbnail…

D3 map

This example visualizes a world map with animated points representing geographic locations from a SPARQL query against the Network Digital Heritage dataset. The map uses a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries from TopoJSON data. After fetching and parsing the query results, circles are appended to the SVG and animated with staggered `transition.attr` delays, using `d3.easeBounce` to grow each point from zero to its full radius. The rendering relies on SVG elements and the D3 v5 library, including `select`, `json`, and `feature` from TopoJSON.

DDaanKos
87% 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
87% 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
86% match
Loading thumbnail…

D3 map

This example visualizes a world map with animated location markers derived from a SPARQL query against the Network Digital Heritage dataset. The map uses a natural Earth projection, with countries rendered as SVG paths via `d3.geoPath` and `topojson.feature`. Each data point is plotted as a circle whose radius transitions from 10px to 8px using a staggered delay and `d3.easeBounce`, creating a popping effect. The code loads world geometry from a TopoJSON file and fetches JSON results, converting latitude and longitude values before projecting them.

GGiovanniD_
86% match