Skip to main content
SimilarExport ZIP
100%

Fork of ICE 8 world map

✓ Published0🌍 Public
Kkalyanikotha
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from ICE 8 world map

This map shows all countries of the world as solid green shapes with black outlines, projected using a natural Earth projection. It fetches geographic data from the world-atlas TopoJSON file and renders the features as SVG paths via d3.geoPath, d3.geoNaturalEarth1, and the topojson feature API. The page uses D3 v5 to select the SVG element and bind country features as data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 8 world map

This example displays a world map of countries using the natural Earth projection, rendering each country as a bright green SVG path with black outlines. It fetches geographic data from the world-atlas TopoJSON file via a CDN and converts it to GeoJSON using the `feature` method from topojson. The visualization uses d3.geoPath with a d3.geoNaturalEarth1 projection to generate the paths, and d3.json to load the remote dataset. No interactivity or additional styling is applied beyond the static map rendering.

Rreddysushma994@gmail.com
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
91% match
Loading thumbnail…

Fork of Fork of ICE-8 world map

This visualization presents a world map rendered as light green countries on a sky blue sphere, using a natural Earth projection to flatten the globe onto a two-dimensional SVG canvas. The map is built with D3 version 5, specifically using `select`, `json`, `geoPath`, and `geoNaturalEarth1` to handle the projection and drawing, while the TopoJSON library’s `feature` function extracts geographic boundaries from the remote worldmap dataset. The sphere is drawn first, followed by country paths, each stroked with semi-transparent black outlines. The SVG output is styled with CSS for the sphere and country fills, and the data is loaded from an external JSON source.

KKolliTeja
91% 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
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 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
91% 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
91% match
Loading thumbnail…

Fork of ICE 8 Making Maps (World Map) Maanas Katta

This map visualization displays the countries of the world as light green polygons with black borders on a dark blue background, projected using a natural Earth projection. It fetches geographic data from the world-atlas countries-110m.json file, then uses d3.geoNaturalEarth1 and d3.geoPath to generate and render the SVG paths for each country. The topojson library’s feature function extracts the country boundaries from the JSON topology data.

Eeravellisaimeghana
90% match