Housing Affordability Dashboard

Housing Affordibility for homeless

This dashboard visualizes the relationship between housing affordability and homelessness across U.S. states from 2005 to 2022 using three linked D3.js charts: a grouped bar chart comparing state-level metrics, a scatterplot plotting median home prices against homeless populations, and a dual-axis line chart showing national trends over time. It employs D3 v6 with SVG rendering, loading data from external CSV files and featuring interactive tooltips on mouseover for all visualizations.

81% match

Housing Affordability Index (HAI) - United States

This interactive dashboard visualizes housing affordability in the United States from 2022 through early 2025, based on National Association of REALTORS® data. Users toggle between annual bar charts and monthly trend lines, and switch among metrics including median price, mortgage rate, and the Affordability Index. The React app drives a D3.js v7 rendering, using `scaleBand`, `scaleTime`, and `scaleOrdinal` to create scales, `axisBottom` and `axisLeft` for axes, and `transition.attrY` and `attrTween` for animated transitions. Hovering reveals a tooltip with all data values for the selected period.

81% match

Homessless house affordobility

This dashboard visualizes housing affordability and homelessness across U.S. states by merging two CSV datasets on state and year. It displays a grouped bar chart comparing the percentage of affordable housing against homeless population counts, with hover tooltips providing exact values. The visualization uses d3.scaleBand for the categorical axes, d3.scaleLinear for the value axis, and d3.scaleOrdinal for color encoding. Data is loaded asynchronously via d3.csv with Promise.all, and rendered as SVG elements with interactive mouseover events.

79% match

York Funding Data Dashboard

This interactive dashboard presents housing market data for 16 U.S. cities, enabling exploration through seven switchable chart types: bar, scatter, pie, bubble, boxplot, heatmap, and line charts. Users click data points to select cities and reveal a details panel with metrics like median home price, rent, income, and job growth. Built with React and D3.js v7, the visualization uses scales, axes, and SVG rendering, with data loaded from a CSV file.

75% match

zip2

This dashboard explores the relationship between housing affordability and homelessness across U.S. states from 2005 to 2022. It presents five linked visualizations: a grouped bar chart comparing affordable housing percentages against homeless populations, a scatterplot correlating median home prices with homelessness, a dual-axis line chart tracking yearly trends, a stacked area chart breaking down homelessness by youth and chronic categories, and a heatmap displaying homeless population intensity over time. All charts use D3 v6 with SVG rendering, load CSV data from GitHub, and include interactive tooltips.

74% match

home

This dashboard visualizes the relationship between housing affordability and homelessness across Connecticut towns from 2011 to 2022. It presents two interactive charts: a bar chart showing the percentage of affordable housing units per town, and a line chart tracking year-round bed counts for homeless shelter programs. The visualization uses dropdown filters to select specific years and towns, with all charts rendered as SVG elements. The code employs d3.csv for data loading, d3.scaleBand and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.select to dynamically populate filter menus and append chart components.

74% match

Fork of York Funding Data

This interactive visualization displays US city housing metrics across seven switchable views, including median home prices, household income, population, unemployment rate, and job growth. Built with React and D3 v7, each chart—bar, scatter, pie, bubble, box plot, heat map, and line—responds to user clicks, highlighting selected cities in a details panel. The heat map computes a correlation matrix using d3.quantile and scaleLinear with diverging colors, while the line chart fits a linear regression. Data loads from a CSV via d3.csv.

73% match

York Funding Data Dashboard - Filter other charts after selecting the chart

This dashboard visualizes housing market data for selected U.S. cities, including home prices, rents, incomes, and job growth. It displays seven interactive chart types—bar, scatter, pie, bubble, box plot, heat map, and line chart—each using D3.js within a React application. Users can click any chart to focus on it, hiding others, or select data points to filter across visualizations. The heat map shows correlations between metrics, while the box plot displays statistical distributions.