Fork of ICE-8 world map 1.2

100%

Fork of ICE-8 world map 1.2

✓ Published1🌍 Public

Last edited Nov 10, 2025

Created on Nov 9, 2025

This visualization displays estimated musical instrument sales per U.S. state using a choropleth map. It shows the geographic distribution of sales values, with a purple-to-green sequential color scale indicating higher and lower amounts. The map is rendered as an SVG using D3.js v7, loading U.S. state boundaries from TopoJSON via `topojson.feature` and projecting them with `d3.geoAlbersUsa` and `d3.geoPath`. Hover interactions are not shown; the code sets up a tooltip and color encoding based on the provided dataset.

AI-generated description

MIT Licensed

Similar vizzes

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

83% match

Loading thumbnail…

Fork of Fork of ICE-8-VK-1.2

A choropleth map colors US states by 2023 population estimates using a sequential logarithmic blue scale. The visualization loads TopoJSON state boundaries from us-atlas, projects them with d3.geoAlbersUsa, and renders each state as an SVG path via d3.geoPath. Hovering reveals a tooltip with the state name and formatted population, while the embedded Census Bureau data drives the fill colors.

Ssairathan.p045@gmail.com

83% match

Loading thumbnail…

Fork of ICE8 USA Map

This fork of the ICE8 USA Map displays a choropleth of U.S. states, colored in light sea green with hover states highlighting each state in orange-red. It renders an SVG map using D3 v5, the `geoAlbersUsa` projection, and `d3.geoPath` to draw state boundaries from TopoJSON data loaded from the us-atlas repository. State name tooltips appear on hover via appended `title` elements. The code imports `select`, `json`, `geoPath`, and `geoAlbersUsa` from D3, along with `feature` from TopoJSON.

Ffouzanuddin

82% match

Loading thumbnail…

Fork of Fork of ICE-8 world map 1.2 india

This map of India visualizes musical instrument sales per state using a choropleth overlay on a Leaflet map. Hovering over a state reveals its specific sales value in a tooltip, while a side panel includes a color legend and summary information. The visualization combines Leaflet with D3 v7, using `d3.geoTransform` to project GeoJSON state boundaries onto the map’s coordinate system and `d3.scaleSequential` with an interpolated color scale to encode sales data. State geometries come from a public India GeoJSON source.

Ppasalabala22@gmail.com

82% match

Loading thumbnail…

Fork of Fork of ICE8 USA Map

This example displays a choropleth map of U.S. states, each filled with a distinct categorical color and labeled with its name at the geographic centroid. The visualization uses d3.geoAlbersUsa for projection and d3.geoPath to render state boundaries from TopoJSON data loaded from us-atlas. A d3.scaleOrdinal with schemeCategory10 supplies the fill colors, and hover interactions turn states red via CSS. State names are appended as SVG text elements positioned by d3.geoPath.centroid.

Ssivamani

81% match

Loading thumbnail…

Fork of ICE-8-VK-1.2

This choropleth map of U.S. states displays a custom crime-rate index, with darker blue fills representing higher values and gray indicating missing data. State labels and a gradient legend with an axis clarify the quantitative scale. Built with D3 v7 and TopoJSON, the visualization loads US Atlas states-10m data, applies a geoAlbersUsa projection via d3.geoPath, and maps values through a d3.scaleSequential with an interpolateBlues interpolator. Hover interactions highlight state boundaries, and tooltips are provided through SVG title elements.

VVinil Karmilla

81% match

Loading thumbnail…

Fork of Fork of Fork of FZ_ICE8_Q1_WorldMap_Hyndavi

This choropleth map displays the average 2024 temperature by U.S. state, with cooler states in blue and hotter states in red, according to an illustrative data set embedded in the code. It renders state boundaries as SVG paths using `d3.geoPath` and a `d3.geoAlbersUsa` projection, loading geographic data from the `us-atlas` TopoJSON via `topojson-client`. A hover tooltip and a sequential color scale (`d3.scaleSequential`) complete the interaction and visual encoding.

Mmadalahyndavi123@gmail.com

81% match

Loading thumbnail…

Fork of ICE 8 - Country Map

This choropleth map of the United States displays state boundaries as green paths with dark gray strokes on a blue SVG canvas, emulating an ocean backdrop. The visualization uses `d3.json` to load state geometries from the us-atlas states-10m dataset, then projects them with `d3.geoAlbersUsa()` and renders paths via `d3.geoPath()`. Built with D3 v4 and topojson-client, it also uses the React framework for layout.

VVReddy913

81% match