Skip to main content
SimilarExport ZIP
100%

Fork of D3 map

✓ Published1🌍 Public
BBajiSharifPatan@my.unt.edu
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from D3 map

This visualization displays a natural Earth projection world map with animated green circles marking locations from a SPARQL query. The map and circles are rendered as SVG using `d3.geoPath` and `d3.geoNaturalEarth1`, with country outlines from TopoJSON. Location data comes from a Dutch heritage dataset, queried via SPARQL for coordinates and country labels. Each circle animates in with a staggered delay using `transition` and `d3.easeBounce`, growing from zero to its final size to reveal the distribution of points.

AI-generated description

world map

MIT Licensed

Similar vizzes

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
92% match
Loading thumbnail…

Fork of D3 map

This visualization displays a world map populated with data points sourced from a SPARQL query against the Network of Digital Heritage (NMVW) dataset. Using the D3 v5 library with the geoNaturalEarth1 projection and geoPath for country outlines, the example fetches geographic coordinates and plots them as animated circles. Each point transitions from zero to eight pixels in radius with a bounce easing effect, creating a sequential reveal. The map itself renders in SVG, with a black sphere background and goldenrod countries.

CCH SAMPATH
91% 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
89% 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
88% 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
88% 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_
88% match
Loading thumbnail…

world map

This example presents a world map using the Natural Earth projection, overlaid with animated green dots that represent geographic locations queried from a SPARQL endpoint. The map is rendered as SVG paths, with countries drawn using `d3.geoPath` and TopoJSON data, while the data circles are plotted using the projection and animated with a staggered transition. It uses `d3.json`, `d3.geoNaturalEarth1`, and `transition.attr` to create the visual effect.

BBajiSharifPatan@my.unt.edu
87% match
Loading thumbnail…

D3 map

This example visualizes a world map using Natural Earth data, with goldenrod countries and a black sphere, onto which white circles representing locations from a SPARQL query are animated. The map uses d3.geoPath with a geoNaturalEarth1 projection. Data is fetched from a live SPARQL endpoint, and circles are rendered as SVG elements with a transition delay for sequential appearance. The code relies on d3.json, d3.select, and topojson.feature for processing, with d3.easeBounce controlling the animation.

MManoukK
86% match