Skip to main content
SimilarExport ZIP
100%

ICE_8_NIRUPAMA_WORLDMAP

✓ Published1🌍 Public
NNirupama Karanam
Last edited Oct 31, 2025
Created on Oct 31, 2025
Forked from Map

This interactive world map displays the percentage of internet users per country in 2023, coloring each nation with a viridis sequential scale from blue to yellow. The visualization uses D3.js v7 with a Natural Earth projection, rendering country borders and a graticule as SVG paths. It employs `d3.geoPath` for geometry projection and `d3.scaleSequential` with `d3.interpolateViridis` for the color encoding, while a custom tooltip provides hover details. Data comes from a CSV containing internet usage statistics, with additional hardcoded values for demonstration purposes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

world map ice8

This world map visualizes global internet usage percentages across countries, with a purple sequential color scale indicating usage rates from 0-30% to 91-100%, and hover interactions revealing exact country names and usage values via a tooltip. Data from a CSV file is joined to TopoJSON country geometries loaded from world-atlas, projected using `d3.geoNaturalEarth1()` and rendered with `d3.geoPath()`. The map uses D3's `scaleThreshold` for color binning, with a custom legend and styled SVG paths for the choropleth display.

GGuntupalli Mohan kalyan
83% 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…

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

ICE 8 1Q Sharanya

This visualization shows a world map displaying population by country, colored with a pink-to-red sequential scale where darker shades indicate higher population numbers. The map uses a Natural Earth projection and includes interactive tooltips that reveal each country's name and population on hover. Built with D3 v7, it loads GeoJSON country boundaries from the world-atlas package and population data from a CSV file hosted on GitHub. The code employs `d3.geoNaturalEarth1()` for projection, `d3.geoPath` for rendering paths, and `d3.scaleSequential` with `interpolatePuRd` for the color scale. Countries lacking population data appear in a light pink fill, and a pink outline marks the Earth's boundary.

Cchengalvasharanya@gmail.com
78% match
Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using D3 version 5. It renders countries as green regions with black borders on a blue sphere. The map uses the Natural Earth projection and retrieves country boundaries from the world-atlas dataset via a JSON file. The code employs `d3.geoPath` with `d3.geoNaturalEarth1` to generate the map, and countries respond to hover events by changing color. Data loading is handled through `d3.json`, with topojson processing features.

VVamsi Krishna
78% match