ICE 8-1

100%

✓ Published0🌍 Public

Last edited Nov 8, 2025

Created on Nov 8, 2025

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.

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

93% 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

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

92% match

Loading thumbnail…

ICE 8- World Map

This visualization displays a world map using a natural Earth projection, rendered as SVG paths. Countries appear in green with brown outlines against a steel-blue sphere, conveying a simple geographic overview. The map draws country boundaries from the world-atlas JSON dataset, which is loaded and processed using D3’s `json` and `geoPath` functions with the `geoNaturalEarth1` projection, while TopoJSON’s `feature` extracts the country geometries. The code builds the map with D3 v5, appending sphere and country paths to the SVG canvas.

AAmruthaVee

92% match

Loading thumbnail…

ICE-8 world map

This visualization displays a world map using an equal-area natural Earth projection, with countries rendered as light green filled paths and the globe’s sphere filled in sky blue. It loads geographic data from a remote TopoJSON file, converts it to GeoJSON features via the `topojson.feature` API, and projects them using `d3.geoNaturalEarth1` and `d3.geoPath`. The map is drawn as SVG elements, with a stroked outline for each country and a semi-transparent border.

SSharmilaChowdhari

92% match

Loading thumbnail…

ICE 8

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.

Aaravindsg99@gmail.com

92% match

Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using the Natural Earth projection, with countries rendered in yellow and the ocean sphere in light blue. It loads country boundaries from the world-atlas TopoJSON dataset and converts them into GeoJSON features using the `feature` function from topojson. The map is drawn with `d3.geoPath` and `geoNaturalEarth1` from D3 v5, appended as SVG paths to a 960x500 canvas. Country strokes are semi-transparent black, creating subtle separation between landmasses.

Kkartik900

92% match