Skip to main content
SimilarExport ZIP
100%

Assignment8_Manisha_WorldMap

✓ Published0🌍 Public
Kkonudulamanisha@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025

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.

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
91% match
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
80% 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
80% match
Loading thumbnail…

Fork of making map 2

This world map visualizes 2022 renewable energy consumption percentages across countries, using a sequential green color scale where darker shades represent higher renewable energy usage. The visualization loads geographic boundaries from the world-atlas TopoJSON dataset and renders them as SVG paths using d3.geoPath with a natural Earth projection. The code creates a color mapping from an inline dataset of country-specific percentages and tooltips display exact values on hover. D3 v7 handles the data join, while the topojson library converts the geographic data into GeoJSON features for rendering.

Aadithiarikatla@gmail.com
79% 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
79% match
Loading thumbnail…

Assignment - 8

A world map visualization displays countries as green or blue polygons with white borders, using data from the world-atlas TopoJSON dataset. The map uses a Natural Earth projection. The D3 code creates an SVG container, applies `d3.geoNaturalEarth1` for projection, and generates geographic paths with `d3.geoPath`. TopoJSON is converted to GeoJSON via `topojson.feature`. Countries receive randomized colors to visually distinguish landmasses.

AAriful Hasan
79% 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
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
78% match