Fork of ICE 8

100%

✓ Published0🌍 Public

Last edited Apr 2, 2024

Created on Apr 2, 2024

Forked from ICE 8

This fork of ICE 8 shows a choropleth map of the 50 U.S. states, with each state filled in green and its borders drawn in white. The map uses the `geoAlbersUsaTerritories` projection and `d3.geoPath` to render geographic features, sourced from the `us-atlas` TopoJSON dataset, converted via `topojson.feature` and `topojson.mesh`. Hovering over a state turns it orange, implemented with a CSS `:hover` rule in the React and D3 v5 codebase.

AI-generated description

MIT Licensed

Similar vizzes

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

94% 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

93% match

Loading thumbnail…

Fork of ICE 8 - Country Map

This example renders a choropleth-style map of the United States, showing state boundaries as green polygons on a light blue background. It uses d3.geoPath with a d3.geoAlbersUsa projection to draw the map, and topojson-client’s topojson.feature to extract state geometries from the us-atlas states-10m dataset. The SVG output is positioned with margins and styled entirely via embedded D3 attributes, with no interactive or hover behavior.

GGalineeharika

93% match

Loading thumbnail…

Fork of ICE8-Country map

This map of the United States displays all 50 states using an orange fill, with black state borders, and highlights individual states in green on hover. It renders geographic data from a TopoJSON us-atlas file using React and D3, applying the `geoAlbersUsaTerritories` projection and `d3.geoPath` to draw the land and interior boundaries. The visualization uses SVG for rendering and loads data asynchronously via a custom React hook with `useState` and `useEffect`.

GGalineeharika

93% match

Loading thumbnail…

Fork of ICE8 - USA Map

This choropleth-style map displays the United States with state boundaries and a shaded landmass, rendered as SVG paths within a React component. The visualization uses `d3.geoAlbers` and `d3.geoPath` to project and draw geographic features from TopoJSON data loaded via `d3.json` from the us-atlas repository. State borders are derived using `topojson.mesh`, while the land and sphere shapes are filled in contrasting colors. The map is displayed at 1000 by 600 pixels, with loading state handled through React hooks.

Bbhargavarathod

92% match

Loading thumbnail…

Fork of ICE8 USA Map

This fork of the ICE8 USA Map displays a choropleth of U.S. states, each filled with a categorical color from the `d3.scaleOrdinal` / `d3.schemeCategory10` palette and labeled with its name. It uses `d3.geoPath` with the `geoAlbersUsa` projection to render state boundaries from the `us-atlas` states-10m TopoJSON file, with `topojson.feature` extracting the state features. State names are placed at polygon centroids, and hovering turns a state red via CSS.

CCHANDU BHARGAVI

92% match

Loading thumbnail…

Fork of ICE-8 country map

This example displays a choropleth-style map of U.S. states, with land areas filled in orange and interior borders stroked in green. It uses React and D3 v5, employing `d3.geoPath` with the `geoAlbersUsaTerritories` projection, along with TopoJSON’s `feature` and `mesh` functions to generate the land and boundary paths from a remote JSON file. The map is rendered as an SVG, with marks drawn via a React component.

SSANEEM MOHAMMAD

92% match

Loading thumbnail…

Fork of ICE 8 - Country Map

This fork of ICE 8 displays a map of the United States using SVG, with each state filled in green and outlined in dark gray against a light blue ocean background. The visualization loads US Atlas TopoJSON data via `d3.json` and converts it to GeoJSON features with `topojson.feature`. It projects the map using `d3.geoPath` with the `d3.geoAlbersUsa` projection, which centers the contiguous states while placing Alaska and Hawaii in insets. The code is built with D3 v4 and React.

Yyasmeenha

92% match