Skip to main content
SimilarExport ZIP
100%

Assignment8_1_world map

✓ Published1🌍 Public
JJaswanthKoorapati@my.unt.edu
Last edited Nov 9, 2025
Created on Nov 9, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% 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
82% 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
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…

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…

one

This interactive world map visualizes renewable energy usage and CO₂ emissions for 12 major countries in 2024. Users toggle between the two metrics via buttons, triggering smooth color transitions across the geography. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render countries from TopoJSON data, while d3.scaleSequential with interpolateGreens and interpolateReds drives the color encoding. Hover tooltips display detailed country statistics via mouse events. The SVG rendering includes an ocean-colored sphere background and grayscale borders for non-data countries.

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

Assignment3

This visualization displays a world map using geographic data from the Natural Earth dataset, showing country boundaries as green shapes on a blue background. The code loads TopoJSON data from the world-atlas package and renders it as SVG paths using D3's geoPath and geoMercator projection. The topojson.feature function extracts state features for rendering, while CSS styles define the sphere and country fills.

Qqwazx111
78% match