Skip to main content
SimilarExport ZIP
100%

ICE_8_NIHARIKA_WORLDMAP

✓ Published0🌍 Public
118121a1545
Last edited Nov 1, 2025
Created on Nov 1, 2025

This world map visualizes life expectancy by country, with a dark choropleth color scale and a continuous legend. The visualization uses D3.js with TopoJSON client to convert world-atlas data, joining it with a CSV dataset containing life expectancy values. Hovering over any country reveals its name and the corresponding life expectancy in years. The map renders with a Natural Earth projection, graticule lines, and an ocean background.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8

This visualization displays a world map where each country is colored according to its population using a logarithmic rainbow color scale. The map is rendered as SVG using D3.js v7 with a Natural Earth projection and TopoJSON data loaded from world-atlas. Countries are drawn as paths using d3.geoPath, with colors assigned via d3.scaleSequentialLog and d3.interpolateRainbow based on population values from an embedded dataset. Hovering over a country triggers a tooltip showing additional information.

Ppashamsahithi2391@gmail.com
80% match
Loading thumbnail…

ICE8-world-map

This world map visualizes population values for 20 countries using a sequential blue color scale, with lighter shades for smaller populations and darker shades for larger ones. Hovering over a country displays a tooltip with its name and population. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering SVG paths from TopoJSON data, and d3.scaleSequential with d3.interpolateBlues for coloring. Population data comes from a local CSV file, while country boundaries load from the world-atlas TopoJSON collection.

SSai Charan
79% match
Loading thumbnail…

ICE8

This interactive world map visualizes country populations with a sequential YlGnBu color scale. It loads TopoJSON world boundaries via `d3.json` and population data from a CSV, then joins them through ISO country codes. The SVG map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render countries, with hover tooltips and an axis-labeled gradient legend built using `d3.scaleSequential` and `d3.axisBottom`. Missing values are shown in gray.

Ppashamsahithi2391@gmail.com
79% match
Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using a Natural Earth projection, with countries filled in pink and outlined in black against a blue ocean sphere. It uses the d3 library’s geoNaturalEarth1 and geoPath to render geographic shapes from a TopoJSON dataset, while the topojson library’s feature function extracts country boundaries. Interactive hover effects change the fill color of individual countries to dark blue.

AAmanullah007
79% match
Loading thumbnail…

ICE8_Worldmap_Happiness_Level

This map visualizes global happiness index levels using a choropleth world map. It colors each country based on its happiness score, with a blue color scale representing ranges from roughly 4.0 (India) to 7.8 (Finland). The visualization is built using D3.js and relies on TopoJSON data from the world atlas for country boundaries, loaded via the `topojson-client` library. The map uses the `d3.geoNaturalEarth1` projection and `d3.geoPath` to render the country shapes. A custom tooltip displays each country’s name and happiness score on mouse hover.

Jjgaur96@gmail.com
79% match
Loading thumbnail…

ICE-8 – World Map

This visualization displays a world map where each country is colored according to its population, using a sequential blue scale to encode population magnitude. Country areas without matching data appear gray. The map uses an equirectangular projection with `d3.geoPath`, drawing country boundaries from TopoJSON data from the world-atlas package. Population values from a CSV file are joined to country names, and the color scale uses `d3.scaleSequential` with `d3.interpolateBlues`. A continuous color legend is rendered using Canvas and `d3.axisBottom` for context.

Jjanisha30gowda@gmail.com
79% match
Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using D3 version 5. It renders countries as green regions with black borders on a blue sphere. The map uses the Natural Earth projection and retrieves country boundaries from the world-atlas dataset via a JSON file. The code employs `d3.geoPath` with `d3.geoNaturalEarth1` to generate the map, and countries respond to hover events by changing color. Data loading is handled through `d3.json`, with topojson processing features.

VVamsi Krishna
78% match
Loading thumbnail…

ICE-8 1A Rithvik Reddy

This choropleth map of the world uses a Natural Earth projection to show numeric values per country, with a yellow-to-blue sequential color scale and interactive tooltips revealing ISO-Numeric IDs. Built with D3 v7, it loads TopoJSON from world-atlas, computes paths via `d3.geoPath`, and renders countries as SVG elements. A linear gradient legend and `d3.axisBottom` display the value range, while `d3.csvParse` maps the small inline dataset.

RRithvik
78% match