Fork of Fork of USA Country Map

100%

Fork of Fork of USA Country Map

✓ Published0🌍 Public

Last edited Apr 12, 2023

Created on Apr 12, 2023

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of USA Country Map

GGalineeharika

100% match

Loading thumbnail…

Fork of Fork of USA Country Map

GGalineeharika

100% match

Loading thumbnail…

Fork of Fork of USA Country Map

This choropleth map of the United States displays each state as a pink shape with white borders, enhancing interactivity by highlighting states in orange on hover. The visualization uses D3.js v5’s `geoAlbersUsaTerritories` projection and `geoPath` to render geographic boundaries, while React manages the component state. TopoJSON’s `feature` and `mesh` functions process the US Atlas state boundaries from a JSON file, and the SVG output is styled via CSS.

Mmoslem-tg

97% match

Loading thumbnail…

Fork of USA Country Map

This choropleth displays the 50 U.S. states on an SVG map, using a pink fill for each state and white borders to delineate the interiors. Built with React and D3 v5, it employs the `geoAlbersUsaTerritories` projection and `d3.geoPath` to render the geographic features loaded from the `us-atlas` TopoJSON source. Hovering over a state changes its fill to orange.

Bbhanuprasadk19

95% match

Loading thumbnail…

Fork of USA Country Map

This choropleth displays the United States with individual states rendered as orange filled polygons, separated by black boundary lines. The map uses the `geoAlbersUsaTerritories` projection and `d3.geoPath` to draw state features and interior mesh from a TopoJSON file loaded with `d3.json` and processed via `topojson.feature` and `topojson.mesh`. React manages the SVG output, with state loaded asynchronously through a custom hook.

TTulluripallavi

95% match

Loading thumbnail…

Fork of Fork of USA Country Map

This choropleth displays the fifty US states overlaid with white interior borders, using pink fill that shifts to a warm orange on hover. The map is rendered as an SVG using a React component that loads TopoJSON geographic data from the `us-atlas` package, projecting it with the `geoAlbersUsaTerritories()` function. The `d3.geoPath()` API converts the data into SVG paths, while `topojson.feature()` and `topojson.mesh()` extract boundaries and interior lines from the source topology.

Bbhanuteja1807@gmail.com

94% match

Loading thumbnail…

Fork of Fork of Country map

This visualization renders a choropleth map of United States territories, using a light orange fill for land areas and a contrasting teal stroke for internal state boundaries. The map is built with React and D3 v5, leveraging the `geoAlbersUsaTerritories` projection and `geoPath` to display geographic features, while TopoJSON’s `feature` and `mesh` functions process the US Atlas dataset. The SVG output is styled via CSS classes, with a separate graticule layer available for reference.

GGARIDIDEEKSHITHREDDY

93% match

Loading thumbnail…

Fork of Fork of USA Country Map

This example displays a map of the fifty United States, rendered as pink states with white borders that highlight orange on hover. The visualization uses the `d3.geoPath` function with the `geoAlbersUsaTerritories` projection to draw the geographic data. State boundaries come from the `us-atlas` TopoJSON file, processed by the `topojson` `feature` and `mesh` functions, while React manages the SVG rendering and user interface.

AAndre J Denais

93% match