π Public
Viewing a saved revision (read-only)
6996bfcc33284337a5be12316f00729d
Shapes and Colors with SVG and CSS
A world map rendered with SVG paths, where countries are filled with a light green color and the ocean appears blue. Hovering over any country instantly changes its fill to red, while a natural Earth projection and zoom interaction let viewers pan and scale the map. Built with D3 v5, the example uses `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom` to project and manipulate the geometry, with country names loaded from a TSV file and shapes from TopoJSON data.
AI-generated descriptionAn example including some commonly used features of SVG.