Skip to main content
SimilarExport ZIP
100%

ICE-8 1a Sandeep Babu

✓ Published0🌍 Public
Ssandyman2109@gmail.com
Last edited Nov 1, 2025
Created on Nov 1, 2025

This choropleth map displays the global distribution of universities, using a blue sequential color scale where darker shades represent higher counts and gray indicates missing data. Built with D3 v7, it projects country boundaries from a TopoJSON world atlas onto an SVG canvas using `geoNaturalEarth1()` and `geoPath`. University counts from a local CSV file populate a lookup table, mapping country names to values that drive the fill color. Interactive tooltips appear on mouseover, revealing the country name and its university count via `d3.select` and DOM manipulation.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 1b Sandeep Babu

This choropleth map of the United States displays the number of universities per state, with darker orange shades indicating higher counts, based on hard-coded sample data for a subset of states. The visualization uses D3 v7 with the `geoAlbersUsa()` projection and the TopoJSON library to convert US state boundaries from a remote `us-atlas@3` TopoJSON file via `d3.json`. State regions are rendered as SVG paths styled with `d3.geoPath`, and their fill is determined by a sequential color scale. A custom tooltip, positioned on mouseover events, reveals precise university counts for each state.

Ssandyman2109@gmail.com
91% 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
79% 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

A world choropleth maps country-level numeric values from a CSV file onto a natural Earth projection, using a plasma color scale and gradient legend to encode magnitude. The visualization links ISO numeric country codes to TopoJSON geometry from the world-atlas dataset, rendering with D3 v7’s `d3.geoPath`, `d3.geoNaturalEarth1`, and `d3.scaleSequential`. Hovering over a country reveals a tooltip with its name and value, while countries without data appear in a muted blue.

LLokesh
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
77% match
Loading thumbnail…

ICE-8 1A Ankit goud Poodhari

This D3.js visualization presents two interactive choropleth maps. The global map displays internet usage as a percentage of the population across countries, using the `d3.geoMercator()` projection and a blue sequential color scale. The United States map depicts renewable energy share per state, employing the `d3.geoAlbersUsa()` projection with `d3.geoPath()` for rendering. Both maps load TopoJSON data from external sources using `d3.json()`, processing it with the `topojson-client` library to generate SVG paths with tooltips.

Aankitgoudpoodhari07@gmail.com
76% 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
76% match
Loading thumbnail…

ICE 8 Making Map (Sai Kaushik Ganji)

A choropleth world map shows countries with high-follower social-media figures, using darker blue shades for greater counts of mega-influencers. D3.js v7 loads `followers_by_country.csv` via `d3.csv`, joins it to TopoJSON country boundaries from `world-atlas` using `d3.json` and `topojson.feature`, and projects them with `d3.geoEqualEarth` and `d3.geoPath`. A sequential color scale from `d3.interpolateBlues` encodes values, while hover interactions display a styled tooltip. Countries without data appear gray.

SSai Kaushik Ganji
76% match