Fork of ICE-8 USA Country Map

100%

Fork of ICE-8 USA Country Map

✓ Published0🌍 Public

Last edited Apr 10, 2023

Created on Apr 10, 2023

This map of the United States displays state boundaries and country outlines using a spherical projection, with light blue landmasses, a white sphere backdrop, and black state borders. It is rendered as SVG via React, using D3’s `geoAlbers`, `geoPath`, and `geoGraticule` utilities to project and draw geometries. Data comes from the US Atlas TopoJSON dataset, loaded asynchronously with `d3.json` and transformed using `topojson.feature` and `topojson.mesh`.

AI-generated description

A US map showing states boundaries from US Atlas TopoJSON, polished for visual style, including graticules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-8 USA Country Map

This fork of the ICE-8 example displays a map of the United States with state boundaries, rendered as SVG paths inside a React component. The visualization uses d3.geoPath and d3.geoAlbers to project and draw the map, while d3.geoGraticule adds a graticule overlay. Land and interior borders are styled via CSS classes, and the map data is loaded from the US Atlas TopoJSON dataset using the topojson library's feature and mesh functions.

SsreepavanKothapalli

94% match

Loading thumbnail…

Fork of ICE8 - USA Map

This example displays a map of the United States using state boundaries and graticules, rendered as SVG via React. It shows the nation’s outline as a colored sphere with state interiors highlighted in red. The code uses `d3.geoAlbers`, `d3.geoPath`, and `d3.geoGraticule` to project and draw the geographic features, while `topojson.feature` and `topojson.mesh` extract land and interior boundaries from the us-atlas TopoJSON. Data loads asynchronously using `d3.json`.

Sshabbab01

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

93% match

Loading thumbnail…

Fork of ICE 8 - Country Map

A map of the United States renders each state as a purple SVG path on a black background, with thin gray outlines separating the regions. The visualization uses `d3.geoPath` with a `d3.geoAlbersUsa` projection to draw the country, pulling geographic data from the `us-atlas` TopoJSON file. The code loads this data via `d3.json` and processes it with `topojson.feature` to extract state boundaries, then appends the paths to an SVG canvas sized at 1000 by 800 pixels.

SSRI RAM REDDY KOTERU

93% match

Loading thumbnail…

Fork of ICE8 - USA Map

This map visualizes U.S. state boundaries from the US Atlas TopoJSON, projecting them with `d3.geoAlbers` and rendering them as SVG paths via `d3.geoPath`. It includes graticules and a sphere outline, with land areas filled in teal and state interiors stroked in blue. The data is loaded asynchronously with `d3.json` and processed using `topojson.feature` and `topojson.mesh`, while the React component manages state with `useState` and `useEffect`.

PPedram

93% 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 ICE8 USA Map

This example renders a map of the United States using React and D3’s geoAlbers projection, with SVG paths generated by d3.geoPath. It displays the nation’s landmass in yellow, state boundaries as black lines, and a white sphere background. Geographic data comes from the us-atlas TopoJSON file, processed via topojson.feature and topojson.mesh to extract land and interior borders. The visualization loads asynchronously using d3.json within a React useEffect hook, showing a loading message until the data is ready.

Ssathwikrajidi

93% match

Loading thumbnail…

Fork of ICE8 - USA Map

This example displays a stylized map of the United States, showing state boundaries and graticules over a colored sphere. The visualization uses React with D3 v5 to fetch TopoJSON data from the us-atlas package, converting it to map features via the `d3.feature` and `topojson.mesh` APIs. It renders land masses in teal, interiors in blue, and graticule lines in gray using SVG paths generated by `d3.geoPath` and the `geoAlbers` projection.

Bbhargavarathod

93% match