Skip to main content
SimilarExport ZIP
100%

ICE-8 Sanjana

✓ Published0🌍 Public
Mmynedisanjana@gmail.com
Last edited Apr 11, 2026
Created on Apr 11, 2026
Forked from React & D3 Starter

This visualization presents global literacy rates through a static world map alongside a U.S. state-level map with simulated data values from 70 to 100. The U.S. map uses a soft blue gradient color scale via `d3.scaleSequential` and `d3.interpolateGnBu`, with hover tooltips showing state names and values. Rendered in SVG using `d3.geoPath` with `d3.geoMercator` and `d3.geoAlbersUsa` projections, it includes a legend built with `d3.axisBottom`. Geographic data comes from World Atlas and US Atlas TopoJSON sources, while state values are randomly auto-generated in the code.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 Hasini Map

This visualization presents two choropleth maps: one of global countries and another of U.S. states, displaying literacy rates. The world map uses a static color for all countries, while the U.S. map colors each state according to its literacy percentage, sourced from fictional data. Built with D3.js v7 and the topojson-client, the example projects geographic data using `d3.geoNaturalEarth1` and `d3.geoAlbersUsa`, and renders shapes via `d3.geoPath`. A color gradient legend and interactive tooltips, powered by `d3.select` and mouse events, reveal individual state values.

Hhasinipriyad7@gmail.com
86% match
Loading thumbnail…

ICE 8

This visualization displays a choropleth map of the United States, with each state filled by a categorical color from the D3 category10 scheme. The map uses the geoAlbersUsa projection and renders state boundaries as SVG paths with white strokes via d3.geoPath. It loads US Atlas TopoJSON data from a CDN, extracts state features using topojson’s feature function, and shows state names as tooltips on hover.

66264kusuma@gmail.com
80% 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
80% match
Loading thumbnail…

ice_8_task1

This choropleth shows U.S. state literacy rates from a CSV dataset, with darker green shades indicating higher percentages and gray for missing data. The visualization uses D3 v7 and TopoJSON to load and render state boundaries via `d3.geoPath` with an Albers USA projection, quantized color encoding with `d3.scaleQuantize` and `schemeGreens`, and tooltips built from `append('title')`. Data is joined by mapping state names to FIPS codes.

Ssahasrakaturi91@gmail.com
79% match
Loading thumbnail…

ICE 8 - 1Q Sharanya

This visualization combines a world map and a U.S. map in a single SVG canvas. The world map, using a Natural Earth projection, colors countries by population with a blue sequential scale, while the U.S. map uses an Albers USA projection to depict state-level crime rates in greens. Both maps rely on TopoJSON datasets loaded from `world-atlas` and `us-atlas`, rendered via `d3.geoPath`. The code builds color legends with `d3.scaleSequential` and tooltips for each geographic feature.

Cchengalvasharanya@gmail.com
79% match
Loading thumbnail…

Fork of ICE-8_hd

This visualization pairs a world map with a U.S. choropleth map, drawing on D3.js v7. The world map uses the Aitoff projection via `d3.geoAitoff` and `d3.geoPath` with `topojson-client` to render country shapes. The U.S. map projects states using `d3.geoAlbersUsa` and shades them according to median household income, with a color legend and hover tooltips. A graticule grid overlays the world map. Both maps use SVG paths, and the income datapoints are embedded as CSV text. The title notes the U.S. map is a choropleth, with hover states revealing exact values.

HHarshithaDontha@my.unt.edu
79% match
Loading thumbnail…

ICE 8-1Q Sadvik

This visualization presents two interactive geographic maps side by side: a world map using the Natural Earth projection and a United States map using the Albers USA projection. The world map colors countries by population (in millions) using a sequential blue interpolator, while the US map shades states by crime rate using a green interpolator. Built with D3 v7 and TopoJSON, both maps load geographic data from CDN-hosted world-atlas and us-atlas JSON files, rendering SVG paths via `d3.geoPath` with hover tooltips displaying country or state names and their corresponding values. Non-highlighted regions appear gray, indicating missing data.

SSadvik
79% match
Loading thumbnail…

ICE-8 world map

This interactive SVG map displays the fifty US states in a muted orange with white borders, using an Albers equal-area projection. It loads TopoJSON state boundaries from the `us-atlas` package, converts them to GeoJSON features with the `topojson.feature` API, and renders them via `d3.geoPath`. Mousing over a state highlights its border and triggers a semi-transparent tooltip showing the state’s name, positioned near the cursor using the `d3.select` and event handling code.

Ppasalabala22@gmail.com
79% match