Skip to main content
SimilarExport ZIP
100%

ICE 8 Task1

✓ Published0🌍 Public
GGorantla Sravani
Last edited Nov 2, 2025
Created on Nov 2, 2025
Forked from world map

The visualization displays average annual temperatures by country on a world map, with a blue-to-red sequential color scale representing cold to hot climates. Unmapped countries appear gray. The map uses D3 v7 and TopoJSON to render geographic features via `d3.geoPath` with a natural Earth projection. A hardcoded dataset supplies temperature values for twelve countries, while hover tooltips reveal exact temperatures. The SVG includes a gradient legend with an axis, showing the temperature scale from -10°C to 30°C.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice 8 Task 1

This example shows a global choropleth map of average annual temperatures by country, with selected nations colored from blue (cold) to red (hot) and unlisted countries in gray. It uses d3.json to load TopoJSON world boundaries via topojson.feature, then d3.geoPath with a geoNaturalEarth1 projection to render SVG paths. A d3.scaleSequential with d3.interpolateRdYlBu encodes temperature values, while a linear-gradient legend and browser tooltip titles provide context from a hardcoded dataset.

GGorantla Sravani
92% match
Loading thumbnail…

ice 8 Task 1

This visualization displays a world map colored by average daily internet usage hours per person, using a blue sequential scale where darker shades indicate higher usage. It renders geographic boundaries with TopoJSON data and `d3.geoPath`, while `d3.scaleSequential` maps values to colors. Countries without data appear gray. Interactive tooltips appear on mouseover showing the country name and hours. The map uses a Natural Earth projection, includes a gradient legend, and animates tooltip transitions via D3’s `transition.style`.

Kkmuktha09@gmail.com
82% match
Loading thumbnail…

World map

This interactive world map visualizes average annual temperatures by country, with each nation colored on a blue-to-red sequential scale. Hovering over any country reveals a tooltip with its name and exact temperature. The visualization uses d3.geoPath with a Mercator projection to render TopoJSON data from world-atlas, supports zooming via d3.zoom, and includes a gradient legend built with d3.scaleSequential and an SVG linearGradient.

NNita
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

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

ICE 8 TASK 1.1

This choropleth map uses a Natural Earth projection to visualize population data for 20 countries, with darker blue shades representing higher values. The visualization loads world geometries from the world-atlas TopoJSON dataset via `d3.json` and merges CSV population data using a lookup dictionary. Countries are rendered as SVG paths using `d3.geoPath`, with missing data shown in light gray. A sequential blue color scale (`d3.scaleSequential`) and gradient legend communicate the population range, while a tooltip displays exact values on hover.

Uuguggila@gitam.in
81% match
Loading thumbnail…

ICE 8 TASK 1.1

This visualization shows a static world map using a Natural Earth projection, with country boundaries drawn as light gray SVG paths against a blue ocean sphere. It uses D3 v7 and topojson-client to load and convert the world-atlas TopoJSON dataset at 110m resolution. The map renders each country via `d3.geoPath` and adds a tooltip title showing the country name from the TopoJSON properties.

Uuguggila@gitam.in
81% 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
80% match