Skip to main content
SimilarExport ZIP
100%

assignment 8 map

✓ Published0🌍 Public
Ssravya010
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from HTML Starter

This choropleth map visualizes internet usage percentages for selected countries, with darker blue shades indicating higher adoption rates. It uses D3 v7’s `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country boundaries from TopoJSON data loaded via world-atlas, while a sequential `d3.scaleSequential` with `d3.interpolateBlues` encodes the values. Hovering highlights a country and displays a tooltip with its name and usage percentage. A gradient legend with a linear axis communicates the 40–100% range.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 8 1

This interactive choropleth map visualizes the estimated percentage of internet users per country, using a cool blue color gradient to represent the range from 0–14% to 86–100%. Hovering over a country reveals its exact value in a tooltip. The visualization is built with D3.js v7 and the TopoJSON client, using a geoMercator projection and d3.geoPath to render world boundaries. A static CSV dataset embedded in the code supplies the country-value pairs, which are mapped to a d3.scaleQuantize color scale, while a legend clarifies the data ranges and includes a "No data" category.

SSai Vamshi B
89% match
Loading thumbnail…

Map

This map shows internet usage percentages for five countries, with other nations colored gray. It uses a natural Earth projection to render world country outlines as SVG paths via `d3.geoPath`. A sequential blue color scale maps usage values between 60 and 100 percent. Data comes from static sample values in the code, while geographic boundaries are loaded from the world-atlas TopoJSON file using `topojson.feature`.

HHariniPotla@my.unt.edu
87% match
Loading thumbnail…

Project - Map

This choropleth map visualizes internet users per 100 people across countries using 2021 data, with color intensity representing usage rates from a green scale. The map includes hover tooltips showing exact percentages and supports zooming via `d3.zoom` with adjustable stroke widths. Built with D3 v7 and TopoJSON, it renders countries using `d3.geoNaturalEarth1` projection and `d3.geoPath`, with a custom color legend and graticule overlay.

Aav.dj.2000@gmail.com
86% match
Loading thumbnail…

Assignment8_sowjanya_world map

This choropleth maps internet user percentages by country for 2023 using a pastel threshold color scale with custom class breaks. Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath` render country boundaries over a graticule, with a custom tooltip showing values on mouseover. The visualization loads TopoJSON world geometry from world-atlas and CSV internet usage data, then applies the threshold scale to fill each country, accompanied by a horizontal legend. The map is built with D3 v7, rendering to SVG with HTML div-based tooltips.

Ssaisowjanyaedupuganti.24f@gmail.com
84% match
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…

Global Internet Usage

This visualization displays a global map highlighting internet usage percentages for select countries, with the United States, India, China, Germany, Brazil, and Nigeria shaded in varying blues based on their values. It renders geographic boundaries using D3’s `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw SVG paths from TopoJSON data fetched from the world-atlas package. A sequential color scale, `d3.scaleSequential` with `d3.interpolateBlues`, maps usage percentages to fill intensities, while unlisted countries appear gray. The map loads data asynchronously via `d3.json` and uses minimal styling with thin strokes.

Nnithinreddypinikesi@my.unt.edu
82% match
Loading thumbnail…

ice 8_country

This example shows a choropleth world map of population by country, with darker blue shades indicating higher values and a gradient legend on the right. It uses d3.geoNaturalEarth1 and d3.geoPath to project and render country boundaries from a TopoJSON world-atlas dataset. Population values are loaded via d3.csv from a GitHub gist and mapped to a d3.scaleSequential with the interpolateBlues interpolator. Labels display three-letter country abbreviations, while d3.axisRight and a linearGradient define the legend.

Kkanaparthieshitha@gmail.com
82% match
Loading thumbnail…

Making Maps

This example shows a choropleth world map where a small set of countries are shaded from light blue to dark blue according to their population in millions, taken from an inline data array. It uses D3 v7, TopoJSON’s `feature` function, a `d3.scaleLinear` color scale, and `d3.geoNaturalEarth1` projection with `d3.geoPath` to render countries from the world-atlas dataset as SVG paths. The map displays tooltips with each country’s name and population or “n/a” for unlisted countries.

SSathviKankanala@my.unt.edu
82% match