ICE 8 making maps

100%

ICE 8 making maps

✓ Published0🌍 Public

Last edited Nov 8, 2025

Created on Nov 8, 2025

This choropleth map shows the percentage of renewable energy use by country worldwide, using a yellow-green sequential color scale where darker shades indicate higher adoption. It loads country boundaries from the world-atlas TopoJSON dataset and joins them with renewable energy percentages from a GitHub-hosted CSV file. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath to render each country as an SVG path, and d3.scaleSequential with an interpolateYlGn interpolator to encode values. An interactive tooltip via SVG title elements reveals exact percentages, while a gradient legend below the map provides a reference scale.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

ICE-8 1A Rithvik Reddy

This choropleth map of the world uses a Natural Earth projection to show numeric values per country, with a yellow-to-blue sequential color scale and interactive tooltips revealing ISO-Numeric IDs. Built with D3 v7, it loads TopoJSON from world-atlas, computes paths via `d3.geoPath`, and renders countries as SVG elements. A linear gradient legend and `d3.axisBottom` display the value range, while `d3.csvParse` maps the small inline dataset.

RRithvik

84% match

Loading thumbnail…

ICE 8 making map

This choropleth map shows estimated country populations for 2023, with darker blue-green shades representing higher population counts and gray indicating missing data. It uses a Natural Earth projection via `d3.geoNaturalEarth1` and renders country boundaries with `d3.geoPath` from TopoJSON data loaded with `d3.json`. Population values from a CSV file are mapped to a sequential color scale, and hover tooltips display each country’s name and population. A gradient legend with a linear scale shows the population range, all rendered as SVG using d3.v7.

Aadithiarikatla@gmail.com

83% 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…

ICE 8 (1)

This choropleth map displays approximate population data for select countries, with values in millions encoded through a sequential blue color scale. Countries without data appear in gray. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering geographic features from TopoJSON data, and d3.scaleSequential with d3.interpolateBlues for color mapping. Interactive tooltips appear on mouse movement, showing each country’s name and population value. A simple legend accompanies the SVG rendering.

Ssakethgoud333@gmail.com

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

82% match

Loading thumbnail…

ICE 8 making map

This choropleth map shows global population by country in 2022, with darker blue shading indicating higher population counts. The visualization uses d3.geoNaturalEarth1 for the map projection and d3.geoPath to render country outlines from TopoJSON data loaded via the world-atlas package. Population values are joined to country geometries using CSV data from a GitHub repository, with missing countries shown in gray. A sequential square-root color scale (d3.scaleSequentialSqrt) maps population values to the interpolateBlues color scheme, and hovering reveals a tooltip with the exact population via appended `<title>` elements.

Aadithiarikatla@gmail.com

82% match

Loading thumbnail…

ICE 8-1

This visualization displays a world map using the Natural Earth projection, with countries filled in pastel green and separated by white borders. The map loads country boundaries from the world-atlas TopoJSON dataset via d3.json, then converts them to GeoJSON features using topojson.feature. Each country path is rendered as an SVG element through d3.geoPath, and hovering reveals the country name through an appended SVG title tooltip. The code relies on d3.v7 and the topojson library for geographic data handling.

Aanirudhrao345@gmail.com

82% match