ICE #8 World Map

ICE-8 World Map

This visualization presents a world map rendered in an SVG, where countries appear in light green with purple outlines and the ocean is filled with a blue sphere. The map is generated using D3.js (v5) with a geoEquirectangular projection and the geoPath function to draw geographic shapes. TopoJSON's feature method converts country boundaries from the world-atlas countries-110m JSON data source, while the CSS defines the visual styling for the sphere and country elements.

Kkartik900

ICE 8 World_Map

This world map visualization displays country boundaries as green polygons with black strokes on a blue sphere, set against a black background. It uses D3 v5’s geoNaturalEarth1 projection and geoPath to render geographic features from a TopoJSON file loaded via topojson’s feature method. The code appends SVG paths for the sphere and countries, demonstrating fundamental DOM manipulation with d3.select and data joins.

DDeekshithVemula

ICE-8(World Map)

This interactive world map displays country boundaries using an equirectangular projection, rendered as SVG paths. The visualization loads geographic data from a TopoJSON world-atlas file and converts it to GeoJSON features via the `topojson.feature` API. Countries are drawn with `d3.geoPath` and respond to hover by changing fill color through CSS. The sphere background uses a blue fill, while countries appear in dark green with black strokes, creating clear visual separation between landmasses and ocean.

Jjayanthamol99

ICE8 - World Map

This world map visualization displays country borders as green polygons on a steel-blue background, rendered using SVG. It uses d3’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere and countries, with geographic data loaded from the world-atlas TopoJSON file via `json()` and parsed with `feature()`. Each country is appended as a path element with a black stroke, creating a simple, static choropleth-free view of global landmasses.

Aavnreddy95

ICE:8 World Map

This example displays a world map rendered as an SVG, using an equirectangular projection to plot countries from the world-atlas TopoJSON dataset. A light blue sphere path provides the ocean background, while each country is drawn as a brown filled path with black strokes. The visualization is built with D3 v5, specifically using `d3.geoEquirectangular()` for projection, `d3.geoPath()` to generate SVG path data, and the TopoJSON client’s `feature()` function to extract GeoJSON from the loaded data.

SSharmaAshwini

ICE8 map

This visualization displays a world map using a Mercator projection, with each country rendered as an SVG path. It uses d3.geoMercator and d3.geoPath to project geographic coordinates, with TopoJSON data from the world-atlas package providing country boundaries. The map applies a brown fill with semi-transparent black strokes, and the page has a light blue background.

AAniv Chakravarty

ICE8 World Map

This world map uses a natural Earth projection to display global country boundaries, with the sphere rendered in green and landmasses in a dark tan with subtle black strokes. The visualization is built with D3 version 5 and topojson, using `d3.geoPath` and `d3.geoNaturalEarth1` to project and draw the map. Country features are loaded from a remote JSON source that contains coordinate data for each nation.

TTharun Reddy

ICE 8 - World Map

This visualization shows a world map rendered as a spherical globe, with countries filled in yellow and outlined in green against a blue ocean. Hovering over any country turns it green. The map uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere and landmasses, while TopoJSON’s `feature` converts world-atlas data from a remote JSON file into GeoJSON for rendering. The SVG output includes a blue background sphere and interactive hover styling defined in CSS.

SSuresh John Wesly