Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vinay world map

Public visualization

Viewing a saved revision (read-only)

7d42429bdaba49db80b1bfa0300e0ade

Vinay world map

0 stars0🌍 Public
VVinay Kumar Parvathini
Last edited Apr 13, 2026
Created on Apr 13, 2026

This example displays a world map using a Natural Earth projection, with each country filled in varying shades of blue. The visualization shows geographic boundaries, a graticule, and a sphere background, drawn as SVG paths via `d3.geoPath`. It loads TopoJSON country data from the world-atlas package and converts it to GeoJSON with `topojson.feature`, applying a color scale based on data index. The map is built with D3 v7, using `d3.geoNaturalEarth1` for the projection and `d3.geoGraticule` for the grid lines.

AI-generated description