Skip to main content
SimilarExport ZIP
100%

Fork of ICE 8 geo map

✓ Published0🌍 Public
NNaimisha-M
Last edited Jul 8, 2022
Created on Jul 8, 2022
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-8 world map

This fork of an ICE-8 world map displays a natural Earth projection of the globe with a blue sphere and light pink country boundaries. The visualization uses d3.geoPath with the geoNaturalEarth1 projection to render the sphere and countries. It loads world map data from a GitHub-hosted TopoJSON file, which is processed with the topojson feature function to extract country geometries into SVG paths. The code relies on d3.v5 and topojson 3.0.2 libraries, rendering all map elements as SVG paths with low stroke opacity for country borders.

SSANEEM MOHAMMAD
94% match
Loading thumbnail…

Fork of ICE 8: World Map With TopoJson

This visualization displays a world map with countries filled in light green against a blue sphere background. It uses the Natural Earth projection to render geographic boundaries from a TopoJSON file. The example relies on D3 v5’s geoNaturalEarth1, geoPath, and json functions, along with TopoJSON’s feature method to extract country geometries. A single SVG path draws the sphere, while each country is appended as a separate path element, with subtle black strokes and low stroke opacity.

Bbhargavarathod
94% 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
93% 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
93% 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, rendered as an SVG with a blue sphere background and light green landmasses. Each country is drawn as a vector path using the `d3.geoPath` projection and `geoNaturalEarth1` projection function, with styling defined through CSS classes. The map loads geographic data from the world-atlas countries-110m JSON file via the `topojson` library’s `feature` API, and the visualization is built entirely with D3 v5 and SVG elements.

LLakshmiManjushaReddyYarreddu
93% 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
92% match
Loading thumbnail…

Fork of Fork of ICE-8 world map

This example displays a world map using a natural Earth projection, with countries filled in light green and the surrounding sphere in sky blue. It renders geographic data as SVG paths using `d3.geoPath` with `geoNaturalEarth1`. The map loads a TopoJSON file from a GitHub gist, converts it to GeoJSON with `topojson.feature`, and appends country paths to the SVG. The styles define a black stroke with low opacity for country borders, creating a subtle outline effect.

Bblikitha
92% match
Loading thumbnail…

Fork of Fork of ICE-8 world map

This example displays a world map using a natural Earth projection, with countries filled in light green and the surrounding sphere in sky blue. It renders geographic data as SVG paths using `d3.geoPath` with `geoNaturalEarth1`. The map loads a TopoJSON file from a GitHub gist, converts it to GeoJSON with `topojson.feature`, and appends country paths to the SVG. The styles define a black stroke with low opacity for country borders, creating a subtle outline effect.

Bblikitha
92% match