Map

100%

✓ Published0🌍 Public

HHariniPotla@my.unt.edu

Last edited Apr 12, 2026

Created on Apr 12, 2026

Forked from 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`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

assignment 8 map

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.

Ssravya010

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

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

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

83% match

Loading thumbnail…

Internet Users World Map

This interactive world map visualizes internet usage per country for 2015, with countries colored on a green scale from 0-20% to 80-100% and a legend indicating the percentage ranges. Hovering over a country reveals a tooltip displaying the country name and its specific internet user percentage. The visualization uses D3's `geoPath` and `geoNaturalEarth1` projection to render the map, with `d3.schemeGreens` for coloring and `d3.scaleOrdinal` for the legend. It loads GeoJSON data from a TopoJSON file via `topojson.feature` and supports zooming through D3's `zoom` behavior.

Rrushithareddyy

83% match

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

82% match

Loading thumbnail…

map

This map visualizes world countries with a choropleth encoding of randomly generated dummy data values. The visualization uses a Natural Earth projection, with countries colored on a sequential blue interpolator and orange highlighting on hover. It loads GeoJSON country boundaries from the world-atlas TopoJSON dataset via `topojson.feature`, then renders them as SVG paths using `d3.geoPath`. A floating tooltip, positioned on mousemove, displays each country’s numeric value as the user interacts.

Hharshithamiriyam@gmail.com

82% match

Loading thumbnail…

world map

This example presents a reference world map and a choropleth map showing internet users per 100 people in 2015, both rendered as SVG using D3 v7 and TopoJSON. The code employs `d3.geoNaturalEarth1` for the projection, `d3.geoPath` for generating map paths, and `d3.geoGraticule` to draw latitude and longitude lines. Country boundaries come from the world-atlas TopoJSON file, with each country colored by its rate in the second map, accompanied by a legend.

SSreedevi Itta

81% match