Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 map

Public visualization

Viewing a saved revision (read-only)

b2ce9ae707774dc38ceca5dcfeceba56

D3 map

0 stars1🌍 Public
Kkimgarrard
Last edited Nov 14, 2019
Created on Nov 13, 2019
Forked from D3 map

This example displays a world map with color-coded countries and circular markers positioned at geographic coordinates, each filled with a photographic image. It uses D3.js (v5) with the `geoNaturalEarth1` projection and `geoPath` to render the map, loading TopoJSON country boundaries from the world-atlas package. Data is fetched from a SPARQL endpoint via a query that retrieves images, titles, and latitude/longitude for cultural heritage objects. The code creates SVG patterns containing images and applies them as fills to circles positioned using the projection function.

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