Shish's Ice 8- Map

100%

Shish's Ice 8- Map

✓ Published0🌍 Public

Last edited Nov 10, 2025

Created on Nov 10, 2025

This choropleth maps sample population figures by country, joining an inline CSV to a world atlas via matching country names. The visualization uses D3 v7’s `geoNaturalEarth1` projection, `geoPath`, and `scaleSequential` with an YlGnBu interpolator, rendering graticules and country polygons as SVG paths. Tooltips appear on hover, and a TopoJSON (countries-110m.json) data source supplies the geometry.

AI-generated description

MIT Licensed

Similar vizzes

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

87% match

Loading thumbnail…

ICE-8.1 - World Map - 11545863

This example displays a world map using natural Earth projection, with countries filled in yellow and a light blue ocean outline. The map is rendered as SVG paths using D3's `geoNaturalEarth1` and `geoPath` APIs, with graticule lines and country borders shown in black. Hovering over a country reveals a tooltip with the country name. The geographic data comes from the VisionsCarto World Atlas TopoJSON dataset, loaded via the `topojson-client` library.

SShashi42

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…

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

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

81% match

Loading thumbnail…

ICE-8 world map

This visualization displays a world map using an equal-area natural Earth projection, with countries rendered as light green filled paths and the globe’s sphere filled in sky blue. It loads geographic data from a remote TopoJSON file, converts it to GeoJSON features via the `topojson.feature` API, and projects them using `d3.geoNaturalEarth1` and `d3.geoPath`. The map is drawn as SVG elements, with a stroked outline for each country and a semi-transparent border.

SSharmilaChowdhari

81% match

Loading thumbnail…

ice 8- world map

This visualization displays a world map using an equirectangular projection, with each country rendered as a distinct path. It uses d3.geoPath and d3.geoEquirectangular to project the globe, and TopoJSON’s feature method to convert the world-atlas countries-110m.json data into GeoJSON. The map includes a blue sphere outline, white country fills with black borders, and a hover effect that highlights countries in orange via CSS.

Sshabbab01

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

81% match