Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Housing Affordability

Public visualization

Viewing a saved revision (read-only)

c1bb030229254e2090589e215148f84e

Housing Affordability

0 stars0🌍 Public
NNita
Last edited Jul 15, 2025
Created on Jul 15, 2025
Forked from HTML Starter

This interactive dashboard compares housing affordability across U.S. cities through three metrics: price-to-income ratio, monthly payment percentage, and years to save for a down payment. Users select a metric via dropdown, which updates a bar chart using d3.scaleBand and d3.scaleSequential with Viridis coloring, a multi-line time series chart with d3.line and d3.curveMonotoneX showing trends for five cities, and summary statistics. The visualization renders as SVG with hover tooltips, using d3.select, d3.axisBottom, and d3.axisLeft, leveraging simulated data generated from city income and price values.

AI-generated description