Assignment8_sowjanya_world map

100%

Assignment8_sowjanya_world map

✓ Published1🌍 Public

Last edited Nov 9, 2025

Created on Nov 9, 2025

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.

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

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

83% match

Loading thumbnail…

Assignment8_1_world map

This choropleth map visualizes renewable electricity share as a percentage of total electricity generation by country for 2022. Using a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, it renders world countries from TopoJSON data, colored with a green-to-blue threshold scale. A hover tooltip displays each country’s name and its renewable share, with missing values marked as N/A. The visualization also includes graticules and a discretized legend, with data loaded from a linked CSV file.

JJaswanthKoorapati@my.unt.edu

81% match

Loading thumbnail…

Assignment8_sowjanya_countryMap

A choropleth of the United States displays median age by state, using a pastel threshold color scale with seven bins ranging from under 32 to over 46 years. The visualization loads US Census-derived CSV data and TopoJSON state boundaries via `Promise.all`, then renders each state as an SVG `path` using `d3.geoPath` with the `geoAlbersUsa` projection. Hovering reveals a tooltip with the state name and median age, while a horizontal legend beneath the map shows the color breaks. The code relies on D3 v7 and the topojson-client library.

Ssaisowjanyaedupuganti.24f@gmail.com

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

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

80% match

Loading thumbnail…

Assignment8_Manisha_WorldMap

This choropleth visualizes renewable electricity generation percentages across countries using a Natural Earth TopoJSON world map. It maps each nation's share of renewable power to a YlGnBu color scale. The visualization loads CSV data with ISO3 country codes, joining values to geographic features for color fills. Rendered as SVG, the map displays a graticule overlay and a gradient legend. A tooltip follows the mouse to report each country's percentage value. The implementation uses `d3.geoPath` for map projection, `d3.scaleSequential` for the color scale, and `d3.axisBottom` for the legend.

Kkonudulamanisha@gmail.com

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

79% match