Skip to main content
SimilarExport ZIP
100%

ice 8 Task 1

✓ Published0🌍 Public
Kkmuktha09@gmail.com
Last edited Nov 6, 2025
Created on Nov 6, 2025
Forked from 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`.

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

ICE 8 Task1

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.

GGorantla Sravani
82% 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…

Task1:ICE-8 world map

This visualization shows a world map with countries rendered in orange against a blue sphere, using a natural Earth projection. The code loads geographic data from a remote TopoJSON source and converts it to GeoJSON features. It uses D3 v5’s `geoPath` and `geoNaturalEarth1` projection to draw the map, while the TopoJSON client’s `feature` API extracts country boundaries. The SVG output includes a background sphere path and individual country paths, styled with CSS fills and strokes.

Ssrinivasaraosankula
81% match
Loading thumbnail…

ICE-8 1A Ankit goud Poodhari

This D3.js visualization presents two interactive choropleth maps. The global map displays internet usage as a percentage of the population across countries, using the `d3.geoMercator()` projection and a blue sequential color scale. The United States map depicts renewable energy share per state, employing the `d3.geoAlbersUsa()` projection with `d3.geoPath()` for rendering. Both maps load TopoJSON data from external sources using `d3.json()`, processing it with the `topojson-client` library to generate SVG paths with tooltips.

Aankitgoudpoodhari07@gmail.com
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…

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