Skip to main content
SimilarExport ZIP
100%

ICE-8

✓ Published1🌍 Public
HHARISH ARMUGAM
Last edited Nov 2, 2025
Created on Oct 30, 2025
Forked from Map

This visualization presents global GDP data for 2022 on an interactive world map. Countries are colored using a sequential logarithmic scale with the RdYlGn interpolator, where hovering reveals tooltips with country names and values. A second map displays countries with rainbow-hued fills using d3.scaleSequential with interpolateRainbow, also featuring interactive tooltips. Both maps use d3.geoPath with different projections (geoEqualEarth and geoNaturalEarth1), loading geographic data from world-atlas TopoJSON and economic data from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE-8

ICE-8 presents a pair of interactive SVG choropleth maps showing world GDP and US state values. The world map projects Natural Earth TopoJSON countries with a Natural Earth projection and uses a green sequential color scale, while the US map uses an Albers USA projection. Both maps use `d3.geoPath`, TopoJSON features, and tooltip interactions. Data is joined from remote CSV sources, with JavaScript fetch and D3’s data loaders handling URL fallbacks.

SSainathreddypotu@gmail.com
86% match
Loading thumbnail…

ICE-8 - Choropleth map - GDP per capita

This choropleth map visualizes global GDP per capita using a logarithmic color scale, with countries colored from dark to light based on economic output. Hovering over any country reveals a tooltip showing its name and exact GDP value. The visualization uses D3 v7 with `d3.geoNaturalEarth1` projection and `d3.geoPath` to render world geography from TopoJSON data, while `d3.scaleSequentialLog` with the Plasma interpolator handles color encoding. A graticule layer and interactive legend complete the SVG-based rendering.

AAbhiramPudi@my.unt.edu
85% match
Loading thumbnail…

ICE8

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.

Ppashamsahithi2391@gmail.com
85% match
Loading thumbnail…

Shish's Ice 8- Making Maps

This interactive world map visualizes synthetic 2025 population and GDP per capita data for major countries using a Natural Earth projection. Users click toggle buttons to switch between two sequential color scales, with D3 transitions animating the country fill colors over 900 milliseconds. The visualization loads TopoJSON world-atlas data via d3.json, renders paths with d3.geoPath, and displays graticules, a legend, and hover tooltips through D3 event handlers. Countries without data appear gray, while the legend gradient updates only for the population metric.

SSai Shishir Koppula
82% 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
82% match
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
82% 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
82% match