Skip to main content
SimilarExport ZIP
100%

ICE-8 Sushmitha B

✓ Published2🌍 Public
Ssushmitha bungatavula
Last edited Nov 3, 2025
Created on Nov 2, 2025
Forked from Map

This choropleth map visualizes international tourist arrivals worldwide, showing the latest available year’s values per country through a red sequential color scale. It employs D3.js v7 with a GeoNaturalEarth1 projection and TopoJSON world geometry, joining tourism data from Our World in Data via ISO-3 country codes. Hovering reveals a tooltip with country name and arrival count. The visualization uses d3.geoPath for rendering, d3.scaleSequential for color mapping, and a graticule layer for geographic context.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 Sushmitha B country map 1b

This choropleth map visualizes international tourist arrivals across Spain’s autonomous communities, using a red sequential color scale where darker shades indicate higher arrival counts. Hovering over a region updates a tooltip with the exact number of arrivals. The visualization joins TopoJSON geography from the @geo-maps/es-admin1-topo package with inline CSV data, then projects the shapes using d3.geoPath and d3.geoMercator. Regions with no matching data appear in light gray, and the code logs unmatched region names to the console for debugging.

Ssushmitha bungatavula
88% match
Loading thumbnail…

ICE-8country map 1b Sushmitha B

This choropleth map shows the annual number of visitors in millions for each Brazilian state, with a light-to-dark red color scale indicating intensity and a tooltip revealing exact values on hover. The visualization loads Brazil’s GeoJSON boundaries and a CSV dataset, then draws the states as SVG paths using a `d3.geoMercator` projection fitted to the map size. It uses `d3.scaleLinear` for the color encoding and `d3.geoPath` for rendering, with a fixed legend at the bottom summarizing the range of visitor counts.

Ssushmitha bungatavula
82% 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
79% match
Loading thumbnail…

ICE8_ Map

This choropleth map displays population distribution across selected countries, using an orange sequential color scale to encode values from a CSV dataset. Built with D3.js v7 and TopoJSON, the visualization projects country boundaries with `d3.geoNaturalEarth1` and renders them as SVG paths via `d3.geoPath`. Hovering triggers a tooltip showing country ID and formatted population, while a gradient legend with an axis communicates the color scale. The base geometry comes from the world-atlas TopoJSON file, and countries without data appear gray.

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

ICE 8 1Q Sharanya

This visualization shows a world map displaying population by country, colored with a pink-to-red sequential scale where darker shades indicate higher population numbers. The map uses a Natural Earth projection and includes interactive tooltips that reveal each country's name and population on hover. Built with D3 v7, it loads GeoJSON country boundaries from the world-atlas package and population data from a CSV file hosted on GitHub. The code employs `d3.geoNaturalEarth1()` for projection, `d3.geoPath` for rendering paths, and `d3.scaleSequential` with `interpolatePuRd` for the color scale. Countries lacking population data appear in a light pink fill, and a pink outline marks the Earth's boundary.

Cchengalvasharanya@gmail.com
77% 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
77% match