Centered US Map

Centered US Map

100% match

Centered US Map

This visualization renders a centered choropleth map of the United States, coloring each state by a numeric rate loaded from a TSV file. The map displays state boundaries, graticules, and a sphere outline. Built with React and d3.v5, it uses `d3.geoAlbers` and `d3.geoPath` to project TopoJSON data from the US Atlas, while a `d3.scaleLinear` maps rate values to colors for the SVG paths.

94% match

Centered US Map

This visualization displays a US state map using the Albers equal-area projection, with state boundaries rendered as SVG paths. The map is centered and includes graticules, with states colored via random colors from a generated lookup table. The visualization is built with React and D3 v5, using `d3.geoPath` with the `geoAlbers` projection and `geoGraticule`. State boundaries come from the US Atlas TopoJSON data, while a TSV file provides rate values that could be mapped through a threshold color scale.

93% match

Centered US Map

This example shows a choropleth map of US states colored by a numeric rate value, using a green color scale from d3.scaleThreshold. The map is centered on the US using the geoAlbers projection and rendered with d3.geoPath in SVG. State boundaries come from US Atlas TopoJSON data, with interiors highlighted via topojson.mesh. The React app loads state rate data from a TSV file and maps each state’s rate to its fill color. Graticules and a smooth sphere background complete the polished cartographic style.

Centered US Map

This map of the United States uses a centered Albers projection, colored land and interior state boundaries against a graticule-filled sphere. The visualization is built with React, using D3's `geoAlbers`, `geoPath`, and `geoGraticule` functions to render the SVG paths. Topological data is loaded from the `us-atlas` package, and the `topojson` library's `feature` and `mesh` functions extract the nation and state-boundary geometries for display.

Centered US Map

Centered US Map

This example displays a centered map of the United States with state boundaries, rendered as an SVG using React. It loads geographic data from the US Atlas TopoJSON and projects it with `d3.geoAlbers` and `d3.geoPath`, while `d3.geoGraticule` draws latitude and longitude grid lines. The map includes a blue sphere background, green landmasses, and state interiors highlighted with a contrasting stroke, all styled via CSS classes. The code initializes the visualization with a `useUsAtlas` hook that fetches and processes TopoJSON features and meshes.

Centered US Map

This interactive map of the United States displays state boundaries using D3’s geoAlbers projection, with states colored by random sample data defined in the code. The visualization loads TopoJSON from the us-atlas package, rendering landmasses and graticules via d3.geoPath and d3.geoGraticule. React manages the SVG rendering, while CSS styling applies a teal land fill and blue graticule stroke.