ICE-8-Q1.1-World-Map-Basic

100%

ICE-8-Q1.1-World-Map-Basic

✓ Published0🌍 Public

LLikhitaMudagereShivaraj@my.unt.edu

Last edited Nov 9, 2025

Created on Nov 9, 2025

This visualization presents a static Natural Earth world map with decorative country colors, where hovering over any country reveals a tooltip showing its name and population data from a hardcoded demo dataset. The map uses d3.geoNaturalEarth1 projection with d3.geoPath to render countries, graticules, and the sphere background as SVG elements. A d3.zoom behavior enables pan and zoom, while mouse events drive the tooltip display. Population values come from a JavaScript Map object rather than the GeoJSON data source.

AI-generated description

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

ICE-8 map mapping

A world map uses a natural Earth projection to visualize population data by country, with a sequential grey color scale mapping each nation’s population value from a CSV file. Built with d3.geoNaturalEarth1, d3.geoPath, and d3.geoGraticule, the SVG renders countries as colored paths with tooltips showing names and counts, plus a gradient legend. The visualization highlights shared borders using topojson.mesh, and countries lacking data appear in a neutral gray.

Ppanyamsantosh09@gmail.com

87% match

Loading thumbnail…

ICE-8 world map

This example presents a static world map with country boundaries rendered in light purple. Hovering over a country reveals its name in a tooltip. The map is drawn using the `d3.geoNaturalEarth1` projection and `d3.geoPath`, with a graticule overlay created by `d3.geoGraticule10`. Country shapes come from the TopoJSON dataset `countries-110m.json`, loaded via `d3.json` and converted to GeoJSON features using the `topojson-client` library. The visualization is built with D3 v7 and rendered as SVG.

Ppasalabala22@gmail.com

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

85% match

Loading thumbnail…

ICE 8 making map

A world map shades each country according to its latest reported population, using a yellow-orange-red sequential color scale; countries without data appear gray. Hovering reveals a tooltip with the country name and its population. The visualization loads a world TopoJSON atlas and a population CSV, then projects the GeoJSON features with `d3.geoNaturalEarth1` and draws them as SVG paths via `d3.geoPath`. A linear gradient legend with axis ticks shows the population range.

Aadithiarikatla@gmail.com

85% match

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

85% match

Loading thumbnail…

World Map – ICE-8

This choropleth map visualizes global population data using a Mercator projection and color-encoded country values. D3 v7 loads GeoJSON world boundaries and CSV population data via `Promise.all`, then applies a sequential `d3.scaleSequential` with an `interpolateYlGnBu` color scheme. The code uses `d3.geoPath` and `d3.geoMercator` to render SVG paths, and displays a linear gradient legend with an axis. Countries lacking population data render in gray, while hover tooltips provide country names and values.

Ssowjanya

85% match

Loading thumbnail…

ICE8_WorldMap

This example displays a world map with countries colored by population estimates, using a green fill that darkens on hover and supports interactive zooming. Built with D3 v5 and the topojson library, it loads geographic data from the world-atlas package and renders paths via `d3.geoPath` with a Mercator projection. The visualization applies a linear color scale based on population values from a TSV data file, and includes zoom functionality through D3’s `d3.zoom` module.

Ssrividya-bachina

84% match