Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 map

Public visualization

Viewing a saved revision (read-only)

9089920a7cf1461898a0e0287666e7ed

D3 map

0 stars1🌍 Public
AArun Pratap
Last edited Jul 21, 2023
Created on Jul 21, 2023
Forked from D3 map

This example visualizes a world map with photographs plotted at their geographic coordinates. Built with D3.js and TopoJSON, it loads a Natural Earth map and renders it as SVG paths using `geoNaturalEarth1` and `geoPath`. It fetches sample photo data (with latitude, longitude, and image URLs) from a SPARQL endpoint, then places clickable thumbnail images on the map, projecting coordinates with the same projection. The map supports zooming and panning via `d3.behavior.zoom`.

AI-generated description

Creating a map with data in d3

This example will show how to load data into d3 to create a worldmap

I've based this off of Curran's map example