Fork of ICE7

100%

✓ Published0🌍 Public

Last edited Nov 3, 2025

Created on Nov 3, 2025

Forked from ICE7

This fork of Mike Bostock’s ICE7 visualizes a global network of migrating nodes over a rotating Earth. It uses `d3.forceSimulation` to position the nodes, `d3.geoPath` with a `d3.geoOrthographic` projection to draw country borders, and Canvas `getImageData` to render the globe’s raster backdrop. The nodes animate along curved paths, with a trailing glow, while the view auto-rotates to reveal the full sphere.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 8 geo map

This fork of the ICE 8 geo map renders a world map using D3.js (v5) and the TopoJSON library. It displays countries as green filled paths with white stroke outlines on a light blue sphere, using the Natural Earth 110m dataset loaded from the world-atlas package. The visualization employs D3’s `geoNaturalEarth1` projection and `geoPath` to generate SVG paths from TopoJSON features, with the map output embedded as static SVG. The code explicitly calculates the sphere’s outline and fills each country path without interactivity or animation.

NNaimisha-M

77% match

Loading thumbnail…

Fork of Fork of ICE8 World Map

This fork of an ICE8 world map displays country boundaries using a natural Earth projection. The visualization renders a static SVG map, loading geographic data from a Gist-hosted ICE7.json file. The code employs D3 v5’s `geoPath` and `geoNaturalEarth1` for map generation, alongside the `feature` function from topojson to extract country polygons. The map features a light blue sphere background, with countries filled in teal and outlined with faint red strokes, all presented within a fixed 960×500 viewport.

Kkollirohit2000

77% match

Loading thumbnail…

Fork of Fork of ice8

This interactive globe uses D3’s geo projections (d3.geoOrthographic, d3.geoMercator, d3.geoAlbersUsa) and d3.geoPath to render world country boundaries from TopoJSON. Users can drag to rotate the orthographic view, click a country to switch between projections, and zoom with d3.zoom. Country names come from a TSV dataset, and graticules are drawn via d3.geoGraticule. The visualization animates projection changes with SVG transitions.

MMgk1255

77% match

Loading thumbnail…

Fork of ICE-8 world map

This fork of the ICE-8 world map displays a natural Earth projection of global country boundaries using an SVG canvas. The visualization renders a skyblue sphere and lightgreen countries with faint black strokes, showing the geographic distribution of nations. It loads world map data from a GitHub Gist, converts it using the TopoJSON `feature` API, and projects it with d3’s `geoNaturalEarth1` and `geoPath`. The SVG paths are appended dynamically after the JSON fetch completes.

Bblikitha

77% match

Loading thumbnail…

Fork of ICE-8 WORLD MAP

This fork of ICE-8 displays a world map using a natural Earth projection, with countries filled in green and a blue sphere outline. The visualization loads country boundaries from the World Atlas TopoJSON dataset and renders them as SVG paths. It uses d3.geoNaturalEarth1 for the projection, d3.geoPath to generate path data, and topojson’s feature method to convert the TopoJSON topology into GeoJSON features. The sphere is drawn first as a separate path, followed by each country’s path.

Ppravallikayaram12

77% match

Loading thumbnail…

Fork of ICE-8 world map

This fork of ICE-8 displays a world map with countries rendered as orange shapes outlined in red, set against a sky-blue sphere. It uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to draw the geographic features from a TopoJSON file loaded via `json()`. The map is rendered as SVG, with each country appended as a path element, while the sphere background is drawn separately. The styling applies low stroke opacity to create a subtle border effect.

GGARIDIDEEKSHITHREDDY

77% match

Loading thumbnail…

Fork of ICE-8 world map

This visualization displays a world map with countries rendered in green against a sky-blue spherical backdrop, using an equal-area natural Earth projection. The map is generated with d3.geoPath and d3.geoNaturalEarth1, while TopoJSON’s feature function converts raw GeoJSON topology data into geographic features for rendering. Countries are drawn as SVG paths with subtle black strokes, and the sphere’s fill emphasizes the global context. The map data is sourced from a remote GitHub raw file, and the entire scene is rendered as static SVG elements within a 960×500 canvas.

Ppravallikayaram12

76% match

Loading thumbnail…

Fork of ICE 7 map

This example visualizes the world’s countries as green filled regions with yellow borders projected on a black sphere, highlighting a natural Earth projection. The map renders geographic boundaries from the world-atlas 110m dataset using d3.geoPath with the geoNaturalEarth1 projection, while the topojson library converts TopoJSON features into GeoJSON. The SVG output displays all countries as static paths, with styling applied via CSS classes. The visualization demonstrates a straightforward choropleth-style map without interactivity, relying on D3’s geographic utilities and the bundled world-atlas source data.

Ppavankalyan1507

76% match