Skip to main content
100%

U.S. States

✓ Published0🌍 Public
Aandrewxhill
Last edited Jan 14, 2013
Created on Jan 14, 2013

A choropleth map of U.S. states and world country borders, colored by population data (pop2005), uses a linear color scale from light gray to dark blue. The visualization, built with D3 v3, renders geographic features as SVG paths via `d3.geo.path` and a Mercator projection (`d3.geo.mercator`). Population data is loaded as TopoJSON from a CartoDB SQL API endpoint, and users can pan and zoom the map through `d3.behavior.zoom`, which updates the SVG group’s transform on redraw.

AI-generated description

Similar vizzes

Loading thumbnail…

World Map

A choropleth map of the United States colors individual states by population using a D3 threshold scale, with darker shades representing higher population values. The visualization loads geographic boundaries from a TopoJSON file via the `us-atlas` package and converts them to GeoJSON using `topojson.feature`. A `d3.geoAlbersUsa` projection is fitted to the SVG dimensions, and `d3.geoPath` renders each state as an SVG path. Population data for ten states is provided inline as a Map, with states lacking data shown in the lightest color.

KKOLLIPATI NIKHIL
87% match
Loading thumbnail…

State Map with Population

This choropleth map visualizes U.S. state populations, filling each state with a blue color scale from light to dark based on its population value. It uses d3.geoAlbersUsa for projection and d3.geoPath to render TopoJSON state and nation outlines from the us-atlas dataset. Population data is loaded from a separate text file and parsed into a lookup table, with tooltips appearing on hover. The visualization is built with D3 v7 and rendered as SVG.

Sson.sultan@yahoo.com
87% match
Loading thumbnail…

Choropleth population map

A choropleth map of the United States displays state-level population counts from 1990, using a color gradient from light orange to dark red. The map is rendered as SVG with D3 v3, leveraging `d3.geo.path` and TopoJSON for state boundaries. Population data from a CSV file is joined to state IDs, and a custom `d3.scale.quantize` interpolates colors across 100 steps. Hovering over a state triggers a tooltip and animates opacity, while the legend and interactivity are built with jQuery and D3 transitions.

Vvishusikka
86% match
Loading thumbnail…

usapopulation_map

This choropleth map of the United States visualizes estimated 2020 state populations in millions, using a blue sequential color scale to encode values. Built with D3 v7 and the TopoJSON library, it projects state boundaries with an Albers USA projection through `d3.geoPath`. The map reads population data from a hardcoded JavaScript object and renders an interactive SVG where hovering over a state displays its name and population in a tooltip.

CCharith Kapuluru
85% match
Loading thumbnail…

US Map

A choropleth map of the United States colors individual states by population, using a threshold color scale that ranges from light yellow to dark amber. The visualization loads US state boundaries from the us-atlas TopoJSON file and renders them as SVG paths via d3.geoPath with an Albers USA projection. Population values are mapped to FIPS codes using a JavaScript Map, and the d3.scaleThreshold assigns fill colors based on population brackets. Hovering over a state triggers a native SVG title tooltip displaying the FIPS code and population figure.

KKOLLIPATI NIKHIL
84% match
Loading thumbnail…

Choropleth

A world map rendered as a choropleth shades countries by population using a linear color scale. The visualization loads GeoJSON country borders from a CartoDB SQL query and draws them with D3’s `d3.geo.path` and a Robinson projection (`d3.geo.robinson`), with a graticule outline for the globe background. A `d3.behavior.zoom` handler pans and scales the entire SVG group, while mouseover and mouseout events adjust stroke width and fill opacity on individual country paths.

Aandrewxhill
83% match
Loading thumbnail…

Choropleth population map

A choropleth map of the United States displays 1990 county-level population estimates from a CSV file, with counties shaded from light beige to dark red based on population. The map uses a blue-to-red sequential color scale, and hovering over a state dims others, highlights the selected one with a black stroke, and shows a tooltip with the state name and its population value. Built with D3.js (d3.v3), the visualization uses `d3.csv` to load data, `d3.geo.path` to render geographic features from a TopoJSON file, and `d3.mouse` events to manage tooltip positioning.

Pprateekvasi
83% match
Loading thumbnail…

Choropleth Map

A choropleth map of United States states renders geographic boundaries as SVG paths, colored light blue with black outlines and a red hover state. The map uses the topojson library to convert US Atlas TopoJSON data into GeoJSON features, then projects them with d3.geoAlbersUsa and renders them via d3.geoPath. Interactive zooming is enabled through a d3.zoom event that applies transform updates to the map group, while a categorical color legend displays the domain. State data loads from a remote US Atlas JSON file.

NNicholas Papacostas
83% match