Skip to main content
SimilarExport ZIP
100%

ice_8_task1

✓ Published0🌍 Public
Ssahasrakaturi91@gmail.com
Last edited Nov 7, 2025
Created on Nov 7, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 8 - 1Q Sharanya

This choropleth displays a numeric metric for each U.S. state, colored with a quantized green scale and accompanied by interactive tooltips showing the state name and value. It renders vector paths with d3.geoPath, uses a geoAlbersUsa projection, and loads TopoJSON from the us-atlas package. Custom CSV data is joined to state names via a FIPS ID mapping, and a gradient legend communicates the color scale.

BBHUMIKA CHUNDU
81% 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
81% match
Loading thumbnail…

ICE 8-1.2

This choropleth map displays the crime rate per 100,000 people across U.S. states, using a sequential blue color scale where darker shades indicate higher rates. Hovering over a state reveals a tooltip with the exact value, while states without matching data appear gray. The visualization loads CSV data and U.S. TopoJSON boundaries, then renders them as SVG paths via `d3.geoPath` with an Albers USA projection. It uses D3 v7 for data binding, color encoding, and interactive tooltips, with state names normalized and matched against FIPS codes for labeling.

Ssakethpapareddy@gmail.com
80% match
Loading thumbnail…

Data Visualization ICE8 - Country Map

This example displays a choropleth-style map of the United States using red-filled states with blue outlines and green hover states. Built with D3 v5 and TopoJSON, it loads US Atlas state boundaries and projects them using `geoAlbersUsa`. The `geoPath` generator renders each state as an SVG `<path>`, with a `<title>` element revealing the state name on hover. The map uses the `geo-albers-usa-territories` library for accurate territory placement.

Ppravalika.thogaru10@gmail.com
80% match
Loading thumbnail…

ICE-8-US-Map

This interactive choropleth displays U.S. states as brown SVG paths, colored green on hover, using a geoAlbersUsa projection and d3.geoPath to render geographic features from a TopoJSON dataset loaded from us-atlas via d3.json. The code builds the map with D3 v5 and topojson’s feature method, and adds a title attribute for each state.

AAli Shah Solanki
80% 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
80% match
Loading thumbnail…

ICE-8 Sanjana

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.

Mmynedisanjana@gmail.com
79% match
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
79% match