Fork of ICE-8 1A kumar danam

100%

Fork of ICE-8 1A kumar danam

✓ Published1🌍 Public

Last edited Nov 2, 2025

Created on Nov 2, 2025

This example shows a choropleth world map using Natural Earth projection to display numeric values for selected countries, with a sequential YlGnBu color scale indicating magnitude. Tooltips reveal ISO numeric country IDs and their values on hover. It loads world-atlas TopoJSON data, renders via SVG, and employs d3.geoNaturalEarth1, d3.geoPath, d3.scaleSequential, and d3.csvParse. A gradient legend with a linear axis communicates the value range at the bottom.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 1A kumar danam

This choropleth map visualizes a small dataset of numeric values for selected countries using a dark-to-light blue-green color scale. It displays world country boundaries from the `world-atlas` TopoJSON source, rendered as SVG paths via `d3.geoPath` with a Natural Earth projection. The map uses `topojson.feature` to process countries, `d3.scaleSequential` with an `interpolateYlGnBu` scheme for coloring, and a legend built with `d3.axisBottom`. Hovering over a country reveals its ISO numeric ID and value via a tooltip, with missing data shown in gray.

KKumar Danam

88% match

Loading thumbnail…

ICE-8

A world choropleth maps country-level numeric values from a CSV file onto a natural Earth projection, using a plasma color scale and gradient legend to encode magnitude. The visualization links ISO numeric country codes to TopoJSON geometry from the world-atlas dataset, rendering with D3 v7’s `d3.geoPath`, `d3.geoNaturalEarth1`, and `d3.scaleSequential`. Hovering over a country reveals a tooltip with its name and value, while countries without data appear in a muted blue.

LLokesh

87% match

Loading thumbnail…

Fork of ICE8-network

This example displays a world map with sample population values shaded using a blue sequential color scale. It uses D3 v7’s `d3.geoNaturalEarth1` projection and `d3.geoPath` to render countries from TopoJSON data sourced from world-atlas’s `countries-110m.json`. Hovering over a shaded country reveals a tooltip with the population value; countries without data appear gray. The code applies a logarithmic domain to the color scale and relies on `topojson-client` for GeoJSON conversion, with SVG output.

Ssaiprasadpilla937@gmail.com

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

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

85% match

Loading thumbnail…

Fork of ICE8 - World Map

This visualization displays a world map using the Natural Earth projection, with countries rendered as orange polygons outlined in black against a blue background. The code loads geographic data from the world-atlas TopoJSON dataset via `d3.json`, converts it to GeoJSON using `topojson.feature`, and draws the map with `d3.geoPath` and `geoNaturalEarth1`. An additional path element draws a circular outline defined through the projection. The visualization uses D3 v5 to bind country features to SVG paths, producing a static, styled geographic overview.

MMgk1255

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

85% match

Loading thumbnail…

Fork of ICE8

This world choropleth displays a static color-coded map of countries, with data provided inline in the code rather than through an external CSV file. The visualization uses D3.js version 7 to render the geographic boundaries via `d3.geoPath` and applies sequential color scales to encode values. It relies on the TopoJSON client library to load and convert geographic data for the map’s projection. A hover tooltip is implemented using a fixed overlay that shows details, though no value labels are present on the map itself.

BBHUMIKA CHUNDU

85% match