Skip to main content
SimilarExport ZIP
100%

Global Technology Adoption Map

✓ Published0🌍 Public
AAddiga Himesh Chander
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from Map

This map visualizes a Global Technology Adoption Index, showing technology scores for eight selected countries using a yellow-to-red sequential color scale on a natural Earth projection. Countries without data appear in gray, and hovering highlights their borders while a tooltip displays the country name and score. Built with D3 v7 and TopoJSON, the visualization loads world country shapes from the world-atlas dataset, renders them as SVG paths via `d3.geoPath`, and includes a gradient legend with a `d3.axisBottom` scale.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment

This choropleth map visualizes a custom Global Renewable Energy Adoption Index, coloring countries by their score on a green sequential scale while leaving countries without data in gray. The visualization uses D3.js (v7) with a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, rendering geographic paths from a TopoJSON file loaded through `d3.json` and processed with TopoJSON. Country polygons are filled based on score thresholds, and hover interactions reveal tooltips with country names and scores. A legend on the left explains the color thresholds and the "No Data" gray.

Ssairathan.p045@gmail.com
79% 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
78% match
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
77% match
Loading thumbnail…

Map!!!!!!!!!!!!!

This world map visualization displays a color-coded choropleth of country scores using a sequential red-yellow scale, with hover highlighting and a legend showing the score range. Built with D3 v5, it uses `geoNaturalEarth1` projection with `geoPath` to render the map, and `topojson` to load world geometry. Country data comes from a CSV file matched by ISO codes, and the visualization supports zoom and pan via D3's `zoom` behavior.

Xxyang3672
76% match
Loading thumbnail…

map visualization

This map visualization displays global cost of living indices using a color scale from yellow to blue, with gray indicating missing data. It uses D3 v7 to load TopoJSON world geography and CSV country data, generating simulated cost values for each nation. The visualization employs d3.geoNaturalEarth1 projection with d3.geoPath to draw country boundaries as SVG paths, and includes an interactive hover tooltip that reveals each country’s index value. A sequential color legend with a linear gradient and axis is rendered at the bottom right to show the value range from 30 to 100.

Ddeepthinaidu2001@gmail.com
76% 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
75% 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
75% match
Loading thumbnail…

Map It

This visualization uses a natural Earth projection and an ordinal color scale to map countries by their type, with a color legend and zoom interaction. Built with D3 v5, it uses `geoPath`, `geoNaturalEarth1`, `scaleOrdinal`, and `schemeSpectral` to render SVG paths, loading country data from the world-atlas TopoJSON and TSV files. The map colors each country based on its `properties.type`, and hovering highlights the country in red. A color legend shows the scale’s domain, and zoom transforms are applied via `zoom()` events.

DDolbyref113
75% match