Skip to main content
SimilarExport ZIP
100%

Fork of ICE8 - World Map

✓ Published0🌍 Public
MManohar Kowthavarapu
Last edited Apr 14, 2023
Created on Apr 14, 2023
Forked from ICE8 - World Map

This example displays a static world map rendered as an SVG, using a light blue sphere background and pale green country polygons outlined with semi-transparent black strokes. It loads a TopoJSON dataset of 110-meter resolution country boundaries from the `world-atlas` package, converts it to GeoJSON features with the `topojson` library, and projects them using D3’s `geoNaturalEarth1` projection and `geoPath` generator. The map is drawn entirely client-side via D3 v5, with no interaction or animation.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE8 - World Map

This example shows a simple world map with countries rendered in light green on a blue spherical background. It uses the Natural Earth projection and loads country boundaries from the world-atlas TopoJSON dataset. The visualization is built with D3 v5, employing `d3.geoNaturalEarth1` for projection, `d3.geoPath` for generating SVG paths, and `topojson.feature` to extract GeoJSON features from the TopoJSON data. Each country is drawn as an SVG path with a black stroke and low opacity.

Bbhargavarathod
93% match
Loading thumbnail…

Fork of ICE-8 World Map

This example displays a world map rendered with D3’s natural Earth projection, using orange country shapes against a light green sphere background. It loads geographic data from a TopoJSON file hosted on GitHub, then converts it to GeoJSON with `topojson.feature` before drawing paths with `d3.geoPath` and `d3.geoNaturalEarth1`. The map is static, with dark strokes separating countries and no interactive behavior.

Bbhargavarathod
93% match
Loading thumbnail…

Fork of ICE8 - World Map

This example shows a world map rendered as an SVG, with countries filled in light green and oceans in blue using a Natural Earth projection. It loads GeoJSON country boundaries from the world-atlas TopoJSON dataset and converts them with the `feature` method from TopoJSON. The visualization uses `d3.geoPath` with `d3.geoNaturalEarth1` to draw the sphere outline and country paths, with styling applied through CSS classes.

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

Fork of ICE8 - World Map

This example displays a world map rendered in an SVG using the Natural Earth projection. It loads country boundaries from a TopoJSON file via `d3.json` and converts them with `topojson.feature`. The code applies `d3.geoPath` and `d3.geoNaturalEarth1` to draw both a sphere outline and country shapes, which fill with pink and brighten to maroon on hover through CSS. The visualization demonstrates basic geographic data mapping with straightforward styling.

Ffouzanuddin
93% match
Loading thumbnail…

Fork of Fork of ICE-8 world map

This example shows a world map rendered in an SVG using D3 v5, with countries filled in orange and outlined in red against a skyblue sphere. It uses the `geoNaturalEarth1` projection and `geoPath` to draw geographic features, while `topojson.feature` converts TopoJSON data from a remote gist into GeoJSON for country boundaries. The visualization loads the world map data asynchronously via `d3.json` and appends each country path to the SVG. The sphere background and country styling are defined in the accompanying CSS.

GGARIDIDEEKSHITHREDDY
93% 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 globe as a blue sphere. It loads geographic data from a TopoJSON file stored in a GitHub gist, then converts it to GeoJSON using the `feature` function from TopoJSON. The map renders in SVG, with `d3.geoPath` and `d3.geoNaturalEarth1` handling the projection and path generation. The visualization is static, showing only the country outlines and spherical background.

KKolliTeja
92% match