LA visualization

100%

LA visualization

✓ Published0🌍 Public

Last edited Sep 27, 2017

Created on Sep 27, 2017

This stacked bar chart visualizes the funding input for affordable housing projects across Los Angeles communities, broken down by funding source: HCIDLA funded, leverage, and tax-exempt conduit bonds. The chart is built with D3.js v4, using `d3.scaleBand` for the categorical community axis, `d3.scaleLinear` for the monetary value axis, and `d3.stack` to create the stacked segments. Data is loaded via `d3.csv` from a filtered CSV file derived from the HCIDLA Affordable Housing Projects Catalog. The visualization ranks communities by total funding and uses a rotated x-axis label to accommodate the many community names.

AI-generated description

The dataset is about HCIDLA Affordable Housing Projects Catalog And Listing (2003 To Present). URL / Downloadable CSV

This stacked bar chart shows imput of projects group by communities.

Code forked from Mike Bostock’s Block.

mit Licensed

Similar vizzes

Loading thumbnail…

Data Summary

This example displays a text-based summary of a dataset about affordable housing projects in Los Angeles, sourced from DataLA. It lists the total number of rows, columns, and file size, followed by a per-column statistical breakdown. The code loads the CSV data using `d3.csv`, then employs Datalib's `dl.format.summary` function to generate the analysis. The resulting text is rendered into a `<pre>` element using `d3.select` and `append`.

RRainismZ

70% match

Loading thumbnail…

Making a Bar Chart with D3

This horizontal bar chart displays counts of different housing situations, from rough sleeping to private housing, using a CSV data source. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft`/`axisBottom` for the axes. Data loads asynchronously via `csv`, then binds to rectangles with heights set by `yScale.bandwidth()` and widths proportional to each count, with maroon fills.

AAloysius

70% match

Loading thumbnail…

Fork of HTML Starter

This visualization compares poverty rates in the US and Los Angeles County from 1996 to 2018 using a multi-line chart. The D3.js code (v5) loads CSV data from the Federal Reserve Economic Data, computes summary statistics, and renders the time series with SVG lines. The visualization uses `d3.scaletime` for the time axis and `d3.scaleLinear` for the poverty percentage values.

HHaileabGH

69% 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

69% match

Loading thumbnail…

activity_6_task_4

This bubble chart visualizes California housing data, plotting longitude and latitude coordinates to reveal geographic distribution. Each bubble’s size encodes population, while its color represents median house value on a gradient scale. The chart uses D3.js v6 with SVG rendering, including `scaleLinear` for axes, `scaleSqrt` for bubble sizing, `scaleSequential` with `d3.interpolateCool` for the color mapping, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. Data loads from a GitHub-hosted CSV, with a legend displaying the value range.

TThai Ha Dang

69% match

Loading thumbnail…

activity_6_task_4

This bubble chart visualizes California housing data, showing the relationship between median income and median house value across different locations. Each bubble’s size represents population, and its color encodes ocean proximity (e.g., NEAR BAY). The chart uses D3 v6 with `scaleLinear` for the x and y axes, `scaleSqrt` for bubble radius, and `scaleOrdinal` with a categorical color scheme. The SVG is rendered with circles, while axes are drawn using `axisBottom` and `axisLeft`. The data is loaded from a CSV file containing housing statistics.

TThai Ha Dang

68% match

Loading thumbnail…

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.

Aaparnachalumuri@gmail.com

67% match

Loading thumbnail…

Project

Two bar charts compare affordable housing units against sheltered and unsheltered homelessness across Connecticut towns. The visualization loads two CSV datasets via `d3.csv`, aggregates values with `d3.rollup` and `d3.sum`, then renders side-by-side SVG bar charts using `d3.scaleBand` and `d3.scaleLinear`. Tooltips appear on mouseover, and clicking a bar highlights the corresponding town across both charts.

Aaravapalliharika2002@gmail.com

67% match