ICE-8 1b Sandeep Babu

100%

ICE-8 1b Sandeep Babu

✓ Published0🌍 Public

Last edited Nov 1, 2025

Created on Nov 1, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8 1a Sandeep Babu

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.

Ssandyman2109@gmail.com

91% 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…

ICE8: Country Map USA

This choropleth displays the contiguous United States with each state filled in a distinct color from the D3 categorical schemeDark2 palette. The map uses the geoAlbersUsa projection and renders SVG paths via d3.geoPath, while the state boundaries come from a TopoJSON file loaded from the jsdelivr CDN. Hovering temporarily changes a state’s fill to a dark maroon, revealing its name as a tooltip. The visualization relies on d3.scaleOrdinal to assign colors and the topojson.feature method to convert TopoJSON into GeoJSON for drawing.

SSharmaAshwini

80% match

Loading thumbnail…

ICE-8 1B Rithvik Reddy

This choropleth map of USA states uses a light blue background and encodes FIPS codes with numeric values from a small inline CSV. The visualization maps each state’s data value to a color and shows a tooltip with the state name on hover. It loads TopoJSON state boundaries via the `us-atlas` package with a robust multi-URL fetch strategy, then projects them using `d3.geoAlbersUsa()` and renders the result with implicit SVG paths. The code also uses `topojson.feature` and `topojson.mesh` from the `topojson-client` library to extract state geometries and borders.

RRithvik

80% match

Loading thumbnail…

ICE8 USA Map

This example displays a choropleth-style map of the United States, with each state filled in green and outlined in a semi-transparent orange. It shows the geographic boundaries of all 50 states, highlighting them in red on hover. The visualization uses the D3 v5 library with `d3.geoPath` and `geoAlbersUsa` projection, rendering the map as SVG paths from TopoJSON data loaded from the us-atlas repository. The `states-10m.json` file provides the geographic features, and the `geo-albers-usa-territories` plugin enables territory inclusion.

AAmanullah007

79% match

Loading thumbnail…

ICE8 USA Map

This visualization displays a choropleth map of the United States, with state boundaries drawn as SVG paths. The code uses D3 v5’s `geoAlbersUsa` projection and `geoPath` to render geographic features from TopoJSON data loaded from the us-atlas repository. Each state shape is colored with a default fill, and hovering changes the fill color via CSS. State names appear as tooltips using SVG `title` elements, sourced from the TopoJSON feature properties.

BBVNPK001

79% match

Loading thumbnail…

Fork of Fork of Blank Slate with Hot Reloading

This choropleth shows the number of universities per U.S. state, with darker orange shades indicating higher counts and gray for states without data. Hovering over a state reveals a tooltip with its name and university total. The visualization uses d3.geoPath with a geoAlbersUsa projection to render TopoJSON state boundaries from us-atlas, and d3.scaleSequential with an interpolateOranges color scheme to encode values. State data is provided via a hardcoded array in USA.html, while the separate usa.js version loads the same values from a CSV file.

Ssandyman2109@gmail.com

79% match

Loading thumbnail…

ICE-8 USA Map

This visualization displays a choropleth-style map of the United States using an Albers equal-area conic projection. The map shows landmasses in a light red fill, state boundaries as purple interior lines, and a gray sphere background, with graticule lines. Built with React and D3 v5, the code uses `d3.geoAlbers` for projection, `d3.geoPath` to generate SVG paths, and TopoJSON’s `feature` and `mesh` methods to process US Atlas state data. The map renders at 2000×600 pixels within an SVG container.

Vvidhyanamini

79% match