Assignment

100%

✓ Published0🌍 Public

Last edited Apr 13, 2026

Created on Apr 13, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

81% match

Loading thumbnail…

Vizualisation

This visualization displays renewable energy levels by country on a natural Earth projection map, with a color legend categorizing ordinal data. It uses d3.geoPath and d3.geoNaturalEarth1 to render world shapes, d3.scaleOrdinal with schemeSpectral for color mapping, and d3.zoom for panning. Data comes from a TSV file joined to TopoJSON world atlas geometries via d3.tsv and d3.json. Hovering highlights countries in red, and tooltips show country names and renewable values.

KKahlaoui-Ismail

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

80% match

Loading thumbnail…

Global Technology Adoption 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.

AAddiga Himesh Chander

79% match

Loading thumbnail…

ICE 8 making maps

This choropleth map shows the percentage of renewable energy use by country worldwide, using a yellow-green sequential color scale where darker shades indicate higher adoption. It loads country boundaries from the world-atlas TopoJSON dataset and joins them with renewable energy percentages from a GitHub-hosted CSV file. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath to render each country as an SVG path, and d3.scaleSequential with an interpolateYlGn interpolator to encode values. An interactive tooltip via SVG title elements reveals exact percentages, while a gradient legend below the map provides a reference scale.

Aadithiarikatla@gmail.com

79% match

Loading thumbnail…

Choropleth Map

This choropleth map visualizes country-level scalar data using color-coding over a geographical projection. Built with D3.js, it renders SVG paths from TopoJSON world data, with the projection handled by `d3.geoPath` and `d3.geoNaturalEarth1`. The map assigns colors based on a `scalerank` attribute using a `d3.scaleOrdinal` color scale, while a supplementary color legend displays the mapping. Interactivity is included via a zoom feature, and hovering over a country highlights it and displays a tooltip with its name and value.

SSean Ye

79% match

Loading thumbnail…

one

This interactive map visualizes 2024 renewable energy percentages and CO₂ emissions across twelve countries. A button toggle switches the choropleth’s color scale between green (renewable energy) and red (emissions), with a hover tooltip displaying both metrics. The map uses D3 v7's modular API, including `geoNaturalEarth1` projection, `geoPath`, and `scaleSequential` with interpolators, over TopoJSON world-atlas data. Country fills transition smoothly via D3's `.transition()` method when switching metrics.

Mmuchakurthisahithipatel@gmail.com

79% match