Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 World Map Using d3

Public visualization

Viewing a saved revision (read-only)

761953579bc04bfd8bf23aebbb18fa1e

ICE-8 World Map Using d3

0 stars1🌍 Public
SShishiraRudrabhatla
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from Hello VizHub

This example displays a world map using a natural Earth projection, rendering countries as SVG paths with a light green fill and black strokes. Countries highlight in yellow on hover. The visualization loads GeoJSON data from the world-atlas package, converts TopoJSON to GeoJSON using `topojson.feature`, and projects it with `d3.geoNaturalEarth1` and `d3.geoPath`. The code imports these modules from `d3` and uses `d3.select` to append paths to the SVG.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.