Skip to main content
SimilarExport ZIP
100%

ICE-8:US Map

✓ Published0🌍 Public
RRebecca Moore
Last edited Apr 10, 2023
Created on Apr 10, 2023
Forked from ICE-8: World

This example displays a choropleth-style map of the United States with light green states outlined in orange on a light blue background. It uses d3.geoPath with a d3.geoAlbersUsa projection to render the map, and topojson.feature to extract state boundaries from the US Atlas states-10m.json dataset. The visualization is drawn as an SVG with a fixed width and height, with each state path filled and stroked directly.

AI-generated description

World map using https://cdn.jsdelivr.net/npm/world-atlas@2/countries-110m.json

MIT Licensed

Similar vizzes

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

ICE - 8

This example shows a choropleth-style map of the United States, with each state filled in a uniform green color and separated by white borders. It uses the Albers USA projection via `d3.geoAlbersUsa()` and renders the map as an SVG path using `d3.geoPath`. State boundaries are loaded from the TopoJSON `us-atlas` dataset and converted to GeoJSON features with `topojson.feature`. A single `path` element draws the entire collection of states.

Mmendemrudula@gmail.com
93% 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
92% 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
92% match
Loading thumbnail…

ICE-8 USA Map

This example shows a choropleth-style map of the United States, where land areas are filled in purple over a light blue sphere, with red state boundaries drawn on top. Using the Albers equal-area conic projection from d3.geoAlbers and rendering paths with d3.geoPath, the visualization displays both the nation outline and the mesh of state borders. The data is loaded from the us-atlas TopoJSON file, with geoGraticule available for graticule overlays, and the component is built with React and rendered as SVG.

Ssowmyanagula@my.unt.edu
92% 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
92% match
Loading thumbnail…

ICE8 USA Map

This visualization displays a map of the United States with state boundaries rendered as blue filled polygons with orange strokes, using the geoAlbersUsa projection via d3.geoPath. It loads TopoJSON data from the US Atlas TopoJSON repository, converts it with topojson.feature, and appends SVG path elements for each state. Hovering over a state changes its fill to red, while geographic graticules are included in the styling. The map is built with D3 v5 and rendered as SVG.

Sshiiva-surya
91% match
Loading thumbnail…

ICE_8 Q1 - US Map (Pdeep)

This example displays a choropleth-style map of the United States built with D3 v5 and TopoJSON. It renders the 50 states as light green SVG paths with thin black outlines over a sky-blue sphere background. The visualization uses `d3.geoAlbers` for the projection and `d3.geoPath` to generate the shapes. State boundaries come from the `us-atlas` TopoJSON file, with state features extracted via the TopoJSON `feature` API. No interaction or additional styling is applied beyond the static colored map.

PPbarring
91% match