Skip to main content
SimilarExport ZIP
100%

zip2

✓ Published0🌍 Public
Aaparnachalumuri@gmail.com
Last edited Dec 2, 2024
Created on Dec 2, 2024

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Aaparnachalumuri@gmail.com
89% match
Loading thumbnail…

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.

Aaparnachalumuri@gmail.com
85% match
Loading thumbnail…

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.

Aaparnachalumuri@gmail.com
80% match
Loading thumbnail…

Homelessness - Diverging Bar chart

This diverging bar chart displays the percent change in homeless population across U.S. states from 2012 to 2013, with bars extending right for increases and left for decreases. The visualization uses D3 v7’s `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.interpolateRdBu` to map values to bar lengths and a diverging color scale. A `d3.legendColor()` legend is included. The data loads from a CSV file containing state statistics from the U.S. Census Bureau. The chart renders as SVG with labeled axes and a gradient-based color legend.

EEunice Tu
75% match
Loading thumbnail…

Homelessness Heatmap

A heatmap displays the percentage of homeless population across ten states over multiple years, with darker blue cells indicating higher percentages. The visualization uses an SVG rendering with D3.js v6, employing `d3.scaleBand` for axes, `d3.scaleSequential` with `d3.interpolateBlues` for color encoding, and an interactive tooltip on mouseover. Data comes from a CSV file of top homeless populations, and the legend is built using the `d3-legend` library.

EEunice Tu
75% match
Loading thumbnail…

Homelessness - Multi-line Chart

This multi-line chart displays the number of homeless persons across five variables from 2005 to 2013, with each variable drawn as a distinct colored path using d3.line and d3.scaleTime for the time axis. The visualization includes interactive tooltips on data points, which are rendered as SVG circles using d3.legend for color thresholds and colorbrewer schemes. Data comes from a CSV file loaded via d3.csv, and the chart also uses d3.axisBottom and d3.axisLeft to render axes with rotating labels.

EEunice Tu
75% match
Loading thumbnail…

Housing Affordability

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.

NNita
74% match
Loading thumbnail…

Fork of Homelessness - Diverging Bar chart

This diverging bar chart displays the percentage change in homelessness population across US states from 2012 to 2013. Bars extend rightward for positive changes and leftward for negative ones, with a red-blue color scale indicating the magnitude of change. The visualization uses D3.js (v7) to render SVG graphics, loading CSV data from a GitHub gist. It employs `d3.scaleLinear`, `d3.scaleBand`, and `d3.interpolateRdBu` for axes and color mapping, with legends created via the `d3.legend` library. The chart includes labeled axes, a title, and a subtitle explaining the data context.

EEunice Tu
74% match