Skip to main content
SimilarExport ZIP
100%

ICE-8 (US Map)

✓ Published0🌍 Public
AAnjan Shrestha
Last edited Mar 31, 2022
Created on Mar 29, 2022

This example shows a choropleth-style map of U.S. counties rendered as black filled shapes with subtle gray strokes. The visualization uses D3 v5’s `d3.geoAlbersUsa` projection and `d3.geoPath` to draw each county boundary, while the TopoJSON library’s `feature` method extracts county geometries from a remote US-atlas JSON dataset. County names appear as tooltips via appended `title` elements. Hovering over a county highlights it in black, though the fill remains unchanged. The map is displayed in an SVG container sized at 960 by 500 pixels.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE 8 - Country Map

This example displays a choropleth map of the United States, with each county filled in green and outlined in brown, and hovering turns a county yellow. It uses the D3.js library's `geoPath` and `geoAlbersUsa` projection to render the map, drawing from the `us-atlas` counties-10m GeoJSON data source. County data is loaded via a JSON request, and the map’s SVG elements are built dynamically using D3’s selection and data-binding methods.

Ssalimjivani
89% match
Loading thumbnail…

ICE8 USA Map

This example renders a choropleth-style map of the United States using the Albers equal-area conic projection via `d3.geoAlbers` and `d3.geoPath`. It displays landmasses filled in black, state interiors outlined in red, and a cyan sphere background, relying on the `d3-geo` and `topojson` libraries to load and process US Atlas data from a CDN. The visualization is built with React, using SVG for rendering, and includes a graticule layer (blue) that is defined but not rendered in the final output.

TTharun2022
88% match
Loading thumbnail…

ICE-8:US Map

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.

RRebecca Moore
88% 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
88% 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
88% match
Loading thumbnail…

ICE 8 United States Map

This example renders a choropleth-style United States map using SVG paths generated from TopoJSON data. It uses D3’s `geoAlbersUsa` projection and `geoPath` to convert geographic features into drawable paths, with light blue fills and grey borders. The map is built within a React application, though the visualization itself is handled imperatively by D3 v5, which appends the SVG elements directly to the document body. The source JSON comes from a remote gist containing US state boundaries.

Ddivyageethanjali
88% 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
88% match