ICE 8

100%

✓ Published1🌍 Public

Last edited Oct 31, 2025

Created on Oct 31, 2025

This visualization shows a world map rendered with the Natural Earth projection, displaying country boundaries as blue filled polygons with white strokes overlaid on a graticule grid. The map loads geographic data from the `world-atlas@2/countries-110m.json` TopoJSON file, which is converted to GeoJSON using `topojson.feature`. The code defines a `d3.geoNaturalEarth1` projection, applies it through `d3.geoPath`, and draws both the graticule and country paths as SVG elements. A caption below the map identifies the data source and projection used.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 World Atlas

This visualization displays a world map using the Natural Earth projection, filling landmasses in green with black borders and the ocean sphere in orange. It loads country boundaries from a TopoJSON file via the `json` method, then converts them to GeoJSON using `feature` from Topojson. The map is rendered as SVG paths with `d3.geoPath` and `d3.geoNaturalEarth1`. The code asynchronously fetches data and appends country paths to the SVG, with styling defined in external CSS.

Llikith1266

93% match

Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using a natural Earth projection, with countries rendered as filled SVG paths and a light blue sphere representing the globe. The map loads geographic data from the world-atlas TopoJSON dataset, then converts it to GeoJSON features via the topojson library’s `feature` function. The D3.js `geoNaturalEarth1` projection and `geoPath` API generate the country boundaries, which are styled with a pale fill and semi-transparent black strokes against a white background.

Mmosesimmanuelvemana@my.unt.edu

92% match

Loading thumbnail…

ICE 8-1

This visualization displays a world map using the Natural Earth projection, with countries filled in pastel green and separated by white borders. The map loads country boundaries from the world-atlas TopoJSON dataset via d3.json, then converts them to GeoJSON features using topojson.feature. Each country path is rendered as an SVG element through d3.geoPath, and hovering reveals the country name through an appended SVG title tooltip. The code relies on d3.v7 and the topojson library for geographic data handling.

Aanirudhrao345@gmail.com

92% match

Loading thumbnail…

ICE-8 WORLD MAP

This visualization displays a world map using a natural Earth projection, rendering countries as green filled polygons with blue strokes. The code loads geographic data from the world-atlas TopoJSON source and converts it using `topojson.feature`, then applies `d3.geoPath` with `d3.geoNaturalEarth1` to generate SVG paths. A blue sphere outline highlights the globe’s boundary. The countries appear as static shapes without interaction, with styling defined via CSS classes for the sphere and country paths.

Ssaidhiraj16

91% match

Loading thumbnail…

ICE-8 World Map

This visualization displays a world map using a Natural Earth projection, rendering each country as a distinct SVG path colored in a muted green with thin gray borders. It loads world country boundaries in TopoJSON format from the world-atlas package, converts them to GeoJSON using the topojson library, and draws them with d3.geoPath. The map is centered and scaled within a 960-by-500-pixel SVG canvas.

HHarshithmullapudi@my.unt.edu

91% match

Loading thumbnail…

ICE8 - World Map

This example renders a world map using the Natural Earth projection. It draws a blue sphere as the globe’s background, then fills each country with a light green color and subtle black strokes. The visualization loads geographic data from the world-atlas TopoJSON file, converts it using `topojson.feature`, and projects it with `d3.geoNaturalEarth1` and `d3.geoPath`. The SVG output is generated entirely through D3’s selection and data-join methods.

LLakshmiVandanaNunna

91% match

Loading thumbnail…

ICE 8 Geo Map

This example displays a world map using a natural Earth projection, with countries rendered as filled SVG paths and a purple sphere background. It loads geographic data from the World Atlas TopoJSON dataset, converting it to GeoJSON features via `topojson.feature`. The visualization applies `d3.geoPath` with a `d3.geoNaturalEarth1` projection to draw the rendered paths, while CSS styles control the fill and stroke appearance of each country.

Kkollirohit2000

91% match

Loading thumbnail…

ICE-8 world map

This visualization displays a world map using a natural Earth projection, with countries rendered as light green filled paths with subtle dark strokes against a blue sphere background. The map is built with D3 v5’s `geoNaturalEarth1` projection and `geoPath`, drawing geographical features from TopoJSON data loaded via `json()`. Country boundaries are extracted using `topojson.feature` and appended as SVG paths to the document, demonstrating a straightforward choropleth-free geographic rendering.

VVaishnavi6199

91% match