Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 NIHA

Public visualization

ICE8 NIHA

0 stars1🌍 Public
118121a1545
Last edited Oct 30, 2025
Created on Oct 30, 2025
Forked from D3 Starter

This example displays a world choropleth base map using the Natural Earth projection, offering a visually balanced view of global landmasses and country borders. The visualization loads country boundary data from the world-atlas TopoJSON file via `d3.json`, then converts it to GeoJSON features using `topojson.feature` and mesh borders with `topojson.mesh`. The projection is applied through `d3.geoNaturalEarth1()` and paths are generated with `d3.geoPath`, while the SVG output renders land polygons with hover tooltips and boundary lines through D3's selection and joining API.

AI-generated description

ICE-8 Q1.1 β€” World Map (Natural Earth)

What this shows: A world choropleth base (no colors yet) using the Natural Earth projection.

Why this projection? Natural Earth gives a visually balanced world view with a good compromise between shape and area.

How to run

  1. Use the provided index.html (with importmap) and style.css.
  2. Paste this index.js and hit Run in VizHub.

Files

  • index.html β€” includes importmap + <svg id="viz">
  • style.css β€” simple styles for land/borders
  • index.js β€” draws countries + borders from world-atlas TopoJSON

Comments

Sign in to join the discussion.

MIT Licensed