Map

100%

✓ Published0🌍 Public

Last edited Nov 1, 2025

Created on Nov 1, 2025

This interactive map visualizes home price performance across U.S. states and cities. States are colored by their one-year seasonally adjusted price change, while cities appear as circles sized by population. The visualization uses D3 v7 with `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries from TopoJSON, and `d3.csv` to load both state and city datasets. Hovering over states or cities reveals detailed tooltips, and the map includes a legend and informational panel.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Map

This interactive map visualizes seasonally adjusted home price performance across U.S. states, using color intensity to show one-year price changes, while city-level circles sized by population reveal housing metrics like median prices and rents. Users hover over states and cities to access detailed data. The visualization uses D3 v7 with a `d3.geoAlbersUsa` projection and `d3.geoPath` to render TopoJSON state boundaries, alongside `d3.scaleSequential` for color coding and `d3.scaleSqrt` for circle sizing.

MMd Fahimul Kabir Chowdhury

97% match

Loading thumbnail…

Map 2

This interactive map visualizes U.S. home price performance by state, with states colored according to their seasonally adjusted one-year price change, and overlays circles for cities sized by population. Hovering reveals detailed metrics for both states and cities. Built with D3.js v7 and TopoJSON, it uses `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries, while a sequential color scale applies a blue interpolator to encode performance data from the CSV files.

MMd Fahimul Kabir Chowdhury

96% match

Loading thumbnail…

Map

This interactive map visualizes United States home price performance across states and major cities, using a blue choropleth for state-level data and orange circles scaled by population for city-level metrics. Built with D3 v7, it combines TopoJSON geographic data, `d3.geoAlbersUsa` projection, and `d3.geoPath` to render state boundaries, while animated transitions and hover tooltips reveal detailed housing indicators like median home prices, rents, and job growth rates. The visualization draws from seasonally adjusted price indices in `data.csv` and city housing market data in `data1.csv`.

MMd Fahimul Kabir Chowdhury

95% match

Loading thumbnail…

Map

This interactive map visualizes U.S. home price performance by state, using color to encode the seasonally adjusted 1-year metric, alongside major cities sized by population. The D3.js v7 code loads TopoJSON from us-atlas and GeoJSON data, projecting paths with d3.geoPath and a geoAlbersUsa projection. Animated hover effects reveal detailed state metrics and city statistics (median home price, rent, income) via a custom tooltip, while distinguishing state choropleth shading from proportional city circles in a single SVG rendering.

MMd Fahimul Kabir Chowdhury

94% match

Loading thumbnail…

Map

A choropleth map of the United States visualizes home price performance by state, with states colored according to their seasonally adjusted one-year price change. Overlaid orange circles represent major cities, sized by population, providing additional housing market context. The visualization uses D3.js v7 with `d3.geoAlbersUsa` projection and `d3.geoPath` to render TopoJSON state boundaries from the us-atlas package, while a custom SVG tooltip displays detailed state and city metrics on hover. State data comes from a CSV file ranking performance across multiple time periods.

MMd Fahimul Kabir Chowdhury

92% match

Loading thumbnail…

Fork of USA Map 2

This interactive map shows US state home price performance as a choropleth, colored by seasonally adjusted one-year returns, alongside city markers sized by population. Hovering reveals detailed tooltips for both states and cities. It uses D3.js v7 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON state boundaries, plus `d3.scaleSequential` for color encoding and `d3.scaleSqrt` for circle sizes. Data comes from two CSV files covering state-level price indices and city-level housing metrics.

NNita

88% match

Loading thumbnail…

Average Price of a House

A choropleth map of the United States visualizes the average house price per state, colored on a blue quantized scale from $100,000 to $800,000. The map uses `d3.geoPath` with a `geoAlbersUsa` projection to render state boundaries from US Atlas TopoJSON data, and each state’s fill is determined by price data loaded from a CSV via `d3.csv`. Interactive tooltips display the state name and price on mouseover, with the map built entirely using the D3.js library and SVG rendering.

BBashir Gulistani

80% match

Loading thumbnail…

Fork of FHFA State House Price Indexes -2

This interactive dashboard visualizes state-level home price appreciation across the United States, combining a choropleth map with a bar chart. Users can switch between four time periods (1 period, 1 year, 5 years, since 1991) using selector buttons. The visualization uses D3.js v7 (geoAlbersUsa, scaleBand, scaleLinear) within a React framework, rendering US states from a GeoJSON file and FHFA data loaded via d3.csv. Hovering over the map displays tooltips, while clicking states highlights them in both the map and bar chart simultaneously.

NNita

80% match