Fork of ICE 7 map

100%

Fork of ICE 7 map

✓ Published0🌍 Public

Last edited Mar 31, 2022

Created on Mar 31, 2022

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.

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

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

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

92% match

Loading thumbnail…

Fork of ICE8 - World Map

This example displays a world map using the Natural Earth projection, rendering countries as yellow polygons with a light blue ocean backdrop. The visualization loads geographic data from the world-atlas package via a URL, then uses D3’s `geoNaturalEarth1` projection and `geoPath` to convert GeoJSON features into SVG paths. It relies on the TopoJSON library’s `feature` function to extract country boundaries, with each country filled and lightly stroked for distinction.

MMgk1255

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

91% match

Loading thumbnail…

Fork of ICE-8 world map

This example displays a world map using a natural Earth projection, with countries rendered as light green filled paths against a sky blue sphere background. The visualization is built with D3 v5, using `d3.geoPath` and `d3.geoNaturalEarth1` to project and draw geographic features. Country boundaries come from a remote TopoJSON source, processed through the `topojson` library's `feature` function. The sphere outline and country shapes are all drawn as SVG paths, with stroke opacity providing subtle border distinction.

SSANEEM MOHAMMAD

91% match

Loading thumbnail…

Fork of ICE-8 world map

This example shows a natural Earth projection world map, with countries rendered as light green polygons and the surrounding sphere filled in sky blue. It fetches a TopoJSON dataset from a GitHub gist and converts it to GeoJSON using the `topojson.feature` function. The visualization uses `d3.geoPath` and `d3.geoNaturalEarth1` to project and draw the map into an SVG. Country borders are outlined in black with a low stroke opacity to emphasize landmasses without obscuring their fill color.

Bblikitha

91% match