Skip to main content
SimilarExport ZIP
100%

ICE8

✓ Published0🌍 Public
Ppashamsahithi2391@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from ICE7-q3

This interactive world map visualizes country populations with a sequential YlGnBu color scale. It loads TopoJSON world boundaries via `d3.json` and population data from a CSV, then joins them through ISO country codes. The SVG map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render countries, with hover tooltips and an axis-labeled gradient legend built using `d3.scaleSequential` and `d3.axisBottom`. Missing values are shown in gray.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8-world-map

This world map visualizes population values for 20 countries using a sequential blue color scale, with lighter shades for smaller populations and darker shades for larger ones. Hovering over a country displays a tooltip with its name and population. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering SVG paths from TopoJSON data, and d3.scaleSequential with d3.interpolateBlues for coloring. Population data comes from a local CSV file, while country boundaries load from the world-atlas TopoJSON collection.

SSai Charan
91% match
Loading thumbnail…

ICE8

This visualization displays a world map where each country is colored according to its population using a logarithmic rainbow color scale. The map is rendered as SVG using D3.js v7 with a Natural Earth projection and TopoJSON data loaded from world-atlas. Countries are drawn as paths using d3.geoPath, with colors assigned via d3.scaleSequentialLog and d3.interpolateRainbow based on population values from an embedded dataset. Hovering over a country triggers a tooltip showing additional information.

Ppashamsahithi2391@gmail.com
91% match
Loading thumbnail…

ICE 8 making map

A world map shades each country according to its latest reported population, using a yellow-orange-red sequential color scale; countries without data appear gray. Hovering reveals a tooltip with the country name and its population. The visualization loads a world TopoJSON atlas and a population CSV, then projects the GeoJSON features with `d3.geoNaturalEarth1` and draws them as SVG paths via `d3.geoPath`. A linear gradient legend with axis ticks shows the population range.

Aadithiarikatla@gmail.com
91% match
Loading thumbnail…

ICE-8 – World Map

This visualization displays a world map where each country is colored according to its population, using a sequential blue scale to encode population magnitude. Country areas without matching data appear gray. The map uses an equirectangular projection with `d3.geoPath`, drawing country boundaries from TopoJSON data from the world-atlas package. Population values from a CSV file are joined to country names, and the color scale uses `d3.scaleSequential` with `d3.interpolateBlues`. A continuous color legend is rendered using Canvas and `d3.axisBottom` for context.

Jjanisha30gowda@gmail.com
89% match
Loading thumbnail…

ICE-8 World Map.

This choropleth map visualizes the world’s ten most populous countries by filling each nation with a color from a sequential YlGnBu scale. Population values, hard-coded in the page or loaded from a CSV, drive the color intensity, with other countries appearing in a neutral cream. The map is rendered using `d3.geoPath` with a Natural Earth projection, transforming geospatial data from TopoJSON into SVG paths. Tooltips show each nation’s exact population. The example uses D3 v7 and the `topojson` library for feature conversion.

Bbadrinath888@gmail.com
88% match
Loading thumbnail…

ICE-8 map mapping

A world map uses a natural Earth projection to visualize population data by country, with a sequential grey color scale mapping each nation’s population value from a CSV file. Built with d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule, the SVG renders countries as colored paths with tooltips showing names and counts, plus a gradient legend. The visualization highlights shared borders using topojson.mesh, and countries lacking data appear in a neutral gray.

Ppanyamsantosh09@gmail.com
88% match
Loading thumbnail…

World Map – ICE-8

This choropleth map visualizes global population data using a Mercator projection and color-encoded country values. D3 v7 loads GeoJSON world boundaries and CSV population data via `Promise.all`, then applies a sequential `d3.scaleSequential` with an `interpolateYlGnBu` color scheme. The code uses `d3.geoPath` and `d3.geoMercator` to render SVG paths, and displays a linear gradient legend with an axis. Countries lacking population data render in gray, while hover tooltips provide country names and values.

Ssowjanya
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
88% match