Skip to main content
SimilarExport ZIP
100%

Assignment 8 1

✓ Published0🌍 Public
SSai Vamshi B
Last edited Apr 13, 2026
Created on Apr 13, 2026
Forked from Assignment 8 Maps

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.

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
89% 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
85% 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
82% 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
81% 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
80% 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
80% 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
80% match
Loading thumbnail…

Assignment 9 World Chloropleth Map

This example presents a world choropleth map visualizing crude death rates per 1000 population in 2012, with countries colored using a threshold scale and green color scheme. A legend and title clarify the metric, while interactive tooltips display each country’s exact value on mouseover. Built with D3 v6, it uses d3.csv to load UN data, d3.json with topojson to fetch world country geometries, and d3.geoPath with a geoAlbers projection to render SVG paths. A d3.legendColor component generates the color legend.

Aahuynh8@dons.usfca.edu
80% match