Skip to main content
SimilarExport ZIP
100%

ICE-8country map 1b Sushmitha B

✓ Published0🌍 Public
Ssushmitha bungatavula
Last edited Nov 3, 2025
Created on Nov 3, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 Sushmitha B

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.

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

ICE 8 - BRAZIL - MAP

A choropleth map of Brazilian municipalities, colored by political party affiliation. The SVG renders geographic boundaries via D3 v7's geo path utilities, with each region storing its party and coordinates in SVG attributes. Hovering a region logs its IBGE code and municipality name to the console by cross-referencing a local ES6 module. The map visualizes election data through a manually configured zoom transform.

KKetha
77% match
Loading thumbnail…

ICE 8 : Country map -India

This visualization displays a choropleth map of India, using two TopoJSON datasets for district and state boundaries. The map is rendered with SVG paths using the `d3.geoPath` and `d3.geoMercator` projection, with districts colored by a categorical scale via `scaleOrdinal` and `schemeCategory10`. Hovering over a district turns it dark green. The state boundaries are overlaid as a separate layer with black strokes, and the map includes zoom functionality.

Rrallabandisushen@gmail.com
76% match
Loading thumbnail…

ICE 8 - Country Map

This visualization displays a choropleth map of India, with each state filled using a categorical color scheme. It uses `d3.geoMercator` projection and `d3.geoPath` to render the geographic boundaries, with `d3.scaleOrdinal` and `d3.schemeCategory10` for coloring. The map loads TopoJSON data from a GitHub gist via `topojson.feature` and renders as SVG. Hovering over a state turns it orange via CSS, while a title attribute reveals the state’s interpolated color value.

SSheela2930
76% 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
75% match
Loading thumbnail…

ICE - 8 : India Map

This visualization displays a choropleth map of India, with each state filled by a distinct color from a categorical scale based on its name. The map renders as an SVG using D3 v5, with geographic paths generated via `d3.geoPath` and a `geoMercator` projection. State boundaries come from a TopoJSON file parsed with `topojson.feature`, and hover interactions change the fill color through CSS.

MMahitha-Moparthi
75% match
Loading thumbnail…

ICE-8

This visualization renders a choropleth map of India using a spherical Mercator projection, with each state filled by a categorical color scale and labeled with its name. The map is drawn as SVG paths generated via `d3.geoPath` and `geoMercator`, using TopoJSON data from the `IND_adm1` collection. State boundaries are emphasized with thick black strokes, and each state’s centroid, calculated with `pathGenerator.centroid`, positions its text label. The code loads data via D3’s `json` promise and applies `scaleOrdinal` with `schemeCategory10` for coloring.

HHarishma Nallala
75% match