ICE 8 TASK 1

100%

✓ Published0🌍 Public

Last edited Nov 9, 2025

Created on Nov 9, 2025

This choropleth map visualizes the top five largest countries by area, shading Russia, Canada, China, the USA, and Brazil in varying intensities of green against a light blue globe background. The color scale is drawn from a sequential Greens interpolator, mapping area values from 8 to 17 million square kilometers, while all other nations remain gray. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` to render the sphere and country outlines from the world-atlas TopoJSON dataset, with a legend showing the area-to-color gradient.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 8 TASK 1.1

This choropleth map uses a Natural Earth projection to visualize population data for 20 countries, with darker blue shades representing higher values. The visualization loads world geometries from the world-atlas TopoJSON dataset via `d3.json` and merges CSV population data using a lookup dictionary. Countries are rendered as SVG paths using `d3.geoPath`, with missing data shown in light gray. A sequential blue color scale (`d3.scaleSequential`) and gradient legend communicate the population range, while a tooltip displays exact values on hover.

Uuguggila@gitam.in

83% match

Loading thumbnail…

ICE-8 World Map.

This choropleth map visualizes the world’s ten most populous countries by filling each nation with a color from a sequential YlGnBu scale. Population values, hard-coded in the page or loaded from a CSV, drive the color intensity, with other countries appearing in a neutral cream. The map is rendered using `d3.geoPath` with a Natural Earth projection, transforming geospatial data from TopoJSON into SVG paths. Tooltips show each nation’s exact population. The example uses D3 v7 and the `topojson` library for feature conversion.

Bbadrinath888@gmail.com

80% match

Loading thumbnail…

ICE 8-1

This visualization displays a world map using the Natural Earth projection, with countries filled in pastel green and separated by white borders. The map loads country boundaries from the world-atlas TopoJSON dataset via d3.json, then converts them to GeoJSON features using topojson.feature. Each country path is rendered as an SVG element through d3.geoPath, and hovering reveals the country name through an appended SVG title tooltip. The code relies on d3.v7 and the topojson library for geographic data handling.

Aanirudhrao345@gmail.com

78% match

Loading thumbnail…

ICE-8 1A kumar danam

This choropleth map visualizes a small dataset of numeric values for selected countries using a dark-to-light blue-green color scale. It displays world country boundaries from the `world-atlas` TopoJSON source, rendered as SVG paths via `d3.geoPath` with a Natural Earth projection. The map uses `topojson.feature` to process countries, `d3.scaleSequential` with an `interpolateYlGnBu` scheme for coloring, and a legend built with `d3.axisBottom`. Hovering over a country reveals its ISO numeric ID and value via a tooltip, with missing data shown in gray.

KKumar Danam

78% match

Loading thumbnail…

ICE 8 (1)

This choropleth map displays approximate population data for select countries, with values in millions encoded through a sequential blue color scale. Countries without data appear in gray. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering geographic features from TopoJSON data, and d3.scaleSequential with d3.interpolateBlues for color mapping. Interactive tooltips appear on mouse movement, showing each country’s name and population value. A simple legend accompanies the SVG rendering.

Ssakethgoud333@gmail.com

78% match

Loading thumbnail…

ICE 8 - World Map

This visualization shows a world map rendered as a spherical globe, with countries filled in yellow and outlined in green against a blue ocean. Hovering over any country turns it green. The map uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to draw the sphere and landmasses, while TopoJSON’s `feature` converts world-atlas data from a remote JSON file into GeoJSON for rendering. The SVG output includes a blue background sphere and interactive hover styling defined in CSS.

SSuresh John Wesly

78% match

Loading thumbnail…

ICE-8 world map

This visualization displays a world map using an equal-area natural Earth projection, with countries rendered as light green filled paths and the globe’s sphere filled in sky blue. It loads geographic data from a remote TopoJSON file, converts it to GeoJSON features via the `topojson.feature` API, and projects them using `d3.geoNaturalEarth1` and `d3.geoPath`. The map is drawn as SVG elements, with a stroked outline for each country and a semi-transparent border.

SSharmilaChowdhari

78% match

Loading thumbnail…

ICE-8 WORLD MAP

This visualization displays a world map using a natural Earth projection, rendering countries as green filled polygons with blue strokes. The code loads geographic data from the world-atlas TopoJSON source and converts it using `topojson.feature`, then applies `d3.geoPath` with `d3.geoNaturalEarth1` to generate SVG paths. A blue sphere outline highlights the globe’s boundary. The countries appear as static shapes without interaction, with styling defined via CSS classes for the sphere and country paths.

Ssaidhiraj16

78% match