Skip to main content
100%

DC Housing Insights - Projects Subsidies Browser

✓ Published0🌍 Public
Aadilyalcin
Last edited Oct 22, 2016
Created on Oct 22, 2016

The DC Housing Insights Projects Subsidies Browser visualizes a dataset of housing subsidy records through an interactive dashboard. It shows active subsidy status, agency, rent-to-FMR ratio, portfolio, program type, and subsidy information source across left, middle, and right panels. The bottom panel displays project completion and POA start dates on a time scale. Using d3.forceSimulation for layout, the browser reads from a Google Sheets source and presents categorical summaries with collapsible sections.

AI-generated description

Similar vizzes

Loading thumbnail…

DC Housing Insights - Projects Browser

The DC Housing Insights Projects Browser visualizes subsidized housing projects across Washington, D.C., using a multi-panel faceted browser. Records appear as a grid of thumbnail images with project names, street-view links, and sortable columns for building count and subsidy dates. The tool uses the KSHF library with d3.js to aggregate data from a Google Spreadsheet into interactive summary panels, including categories like "At Risk" or "Expiring," plus filters for ward, zip code, owner, and manager type. Users can collapse panels and toggle details by zooming on individual project cards.

Aadilyalcin
89% match
Loading thumbnail…

HomelessShelters data

The visualization presents HomelessShelters data, showing placements in homeless shelters through an interactive dashboard. It displays categorical summaries of project type and involvement episodes on the left panel, with duration of stay and project start/end dates as time-based intervals in the middle. The tool uses d3.forceSimulation for layout and d3.js for rendering, pulling data from a Google Spreadsheet via the kshf_config.json configuration. It filters records to show only episodes from 2012 to 2016, with unit labels for day counts and time scales.

Aadilyalcin
64% 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
62% match
Loading thumbnail…

DC Council Legislations

The visualization displays DC Council legislations, with each record listed and color-coded by summaries such as Status, Category, Type, Committee Referral, and Introduction Date. It uses d3.forceSimulation to position the records and d3.forceLink to connect related items, while the left and right panels show categorical breakdowns and the bottom panel shows temporal distribution. The data comes from a Google Spreadsheet, and the record display includes a text search and a link to the official legislation page.

Aadilyalcin
62% match
Loading thumbnail…

LA visualization

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.

RRainismZ
61% 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
60% match
Loading thumbnail…

Airbnb listings in Washington DC area, October 2015

This visualization maps Airbnb listings in the Washington DC area from October 2015 as an interactive scatterplot of points on a geographic backdrop, with each listing colored and positioned by its coordinates. The display uses d3.forceSimulation to lay out the points and d3.geoPath to render the map from GeoJSON data. A linked brushing interface on the left and right panels filters listings by property attributes like room type, bed count, price per night, and review ratings, while a middle panel shows price distributions. The underlying data comes from a Google Sheets table loaded via the gist source.

Aadilyalcin
60% match
Loading thumbnail…

Apartment Search

This visualization displays a dataset of apartments as a faceted browsing interface, with each record represented by a row sorted by minimum cost and searchable by name. Users can filter results through left, middle, and right panel summaries for attributes like state, city, Yelp score, included utilities, and type, while details such as address and external links to Zillow, Yelp, and Apartments.com are hidden until zoomed. The code uses Google Sheets as the data source via a gdocId and applies transformations like `DATETIME` and `SPLIT` during loading. It relies on the KSHF configuration format to define panel layouts and record display, though it does not use D3 or Three.js.

Aadilyalcin
59% match