Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

An interactive D3 map

Public visualization

Viewing a saved revision (read-only)

496eacc15cb64cf889b756d7b4ef7cd0

An interactive D3 map

0 stars0🌍 Public
Nnouralkhoury
Last edited Nov 29, 2020
Created on Nov 29, 2020

This interactive D3 map displays a world map with countries colored pink and overlaid with green-bordered circles, visualizing numerical values from a CSV dataset via a color-coded choropleth. Built with React and D3 v5, it loads GeoJSON topology data from the world-atlas package and uses topojson’s feature and mesh functions to render land and country boundaries as SVG paths, while the data CSV is joined by ISO country codes for the visual encoding.

AI-generated description

Creating an interactive map with data in d3

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

Inspiration