Fork of USA Country Map of ICE-8

100%

Fork of USA Country Map of ICE-8

✓ Published0🌍 Public

Last edited Apr 4, 2022

Created on Apr 4, 2022

This visualization displays a choropleth-style map of the United States, with each state filled in red and state borders highlighted in blue. The map renders as an SVG using React and D3’s `geoPath` with the `geoAlbersUsaTerritories` projection, which includes U.S. territories. TopoJSON data from a GitHub gist is processed via `feature` and `mesh` to generate land polygons and interior boundaries. The visualization demonstrates a straightforward mapping of geographic data without interactive features.

AI-generated description

MIT Licensed

Similar vizzes

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 example displays a choropleth-style map of the United States, rendering land areas in purple and internal state boundaries in red on a silver sphere. It uses React to manage the component lifecycle, while d3-geo’s `geoAlbers` projection and `geoPath` generate the SVG paths. TopoJSON loads US Atlas data from a CDN, with `feature` and `mesh` extracting the nation outline and state borders. The map is static, showing the geographic layout without interactive elements.

DDeekshithVemula

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

91% match

Loading thumbnail…

Fork of ICE8 USA Map

This example renders a choropleth-style map of the United States using React and D3 v5. It displays land areas as red paths, state borders as green strokes, and a blue circle mark, all projected with the Albers equal-area projection (_geoAlbers_). The map loads TopoJSON data from the us-atlas states-10m.json dataset via _d3.json_, then converts it to GeoJSON features using the _topojson.feature_ and _topojson.mesh_ functions. The SVG output is generated through _d3.geoPath_ within a React component.

NNaimisha-M

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

91% match

Loading thumbnail…

Fork of ICE8-Country Map(usa)

This example displays a choropleth map of US state boundaries using a modified Albers USA projection that includes Alaska, Hawaii, and US territories. The map renders as an SVG via React, using `d3.geoPath` to generate paths from TopoJSON data loaded from the US Atlas. State borders appear as teal strokes against a green fill, with state interior boundaries distinguished from outer edges through `topojson.mesh`. The visualization demonstrates the `geo-albers-usa-territories` projection library, integrating D3’s geographic utilities with React’s component structure to produce a clean, static map.

KKolliTeja

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

90% match

Loading thumbnail…

Fork of Fork of ICE8 - USA Map

This example displays a choropleth-style map of the United States with state boundaries and graticules, rendered as SVG. The map uses a geoAlbers projection with d3.geoPath and d3.geoGraticule, while React manages the component state. Data comes from a TopoJSON file loaded via d3.json and processed with topojson.feature and topojson.mesh. The visualization shows state interiors in blue, land masses in green, and a light sphere background.

SShivaPriyad

90% match