Apartment Search

100%

Apartment Search

✓ Published0🌍 Public

Last edited Apr 9, 2017

Created on Apr 9, 2017

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist f6907bd1bc749e52e03e

This example tracks rental prices and availability for an Avalon Bay apartment complex over several days in March 2015. It shows a time series of unit prices, organized by number of bedrooms, square footage, and specific unit numbers, revealing how prices fluctuate between snapshots. The visualization is built from data scraped via the `requests` library from the AvalonBay API, with each snapshot timestamped and formatted as CSV. The code iterates through available floor plan types and apartments, extracting price, size, and unit details to generate the dataset.

TTheLady

65% match

Loading thumbnail…

Untitled

This example loads a CSV dataset of apartment listings from a GitHub gist and counts the number of entries with type "apartment." The code logs the dataset length, the baths value of the first record, and the total apartment count to the browser console. It uses d3.csv from D3 v5 to fetch and parse the data, then iterates through rows with a for loop and forEach to collect property types and tally apartments. No visual rendering is performed; the visualization is purely a data-inspection exercise.

Ddevvansh1997

65% match

Loading thumbnail…

Gist 6a8973daaeea6e442bd0a138c08ccbc1

This visualization maps Airbnb listings from a JSON dataset onto a geographic canvas, displaying each property as a point positioned by its latitude and longitude. The code uses the `d3.forceSimulation` API to apply a physics-based layout that separates overlapping points, while `d3.geoPath` renders the map’s spatial context. Each point’s color and size encode the listing’s review score and nightly rent, with tooltips revealing property details like title and neighborhood. The underlying data, from a gist, includes address fields, review ratings, and fee structures, driving the visual encoding. The result is an interactive scatterplot over a map, illustrating the distribution of rental properties and their pricing patterns.

YYonet

65% match

Loading thumbnail…

Airbnb Viz Final

This interactive scatterplot analyzes Airbnb listings, showing the relationship between any two selectable property attributes, such as price against person capacity. A slider filters data by a chosen attribute's minimum value, and an overlaid density distribution reveals the concentration of data points along the y-axis. The visualization is built with React and D3 v7, dynamically loading CSV data for selected cities and weekdays directly from a GitHub repository. Users can compare multiple European cities, switch between weekdays and weekends, and adjust the density calculation between global and per-column modes.

MMatt Hagger

65% match

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

65% match

Loading thumbnail…

This is my new title

This visualization presents a hierarchical browser for restaurant inspection data, organized into collapsible summary panels for Center, Country/Area, Project Area, State, District, and District Decision, with Inspection End Date on a time scale. It uses the KSHF configuration library to load data from a Google Spreadsheet via its gdocId, mapping table rows into interactive summaries. The layout employs d3.forceSimulation for node positioning and d3.geoPath for rendering geographic boundaries, with panel-specific label widths controlling the spatial arrangement. The tool allows users to explore inspection records by filtering through categorical and temporal dimensions.

Aadilyalcin

64% match

Loading thumbnail…

Gist 274f90837389b882eaf3813de64dac5f

This example visualizes Airbnb listings in Los Angeles, mapping each property’s location and price point across the city. The code loads a CSV of listing data into a Pandas DataFrame, then uses Vue with WebGL rendering to display the geographic distribution of rentals. While the notebook includes initial data exploration with NumPy and Seaborn, the primary visualization relies on the WebGL framework to render the spatial layout, showing how listing prices and availability vary across neighborhoods without relying on traditional 2D charting libraries.

KKirkHunter

64% match

Loading thumbnail…

Airbnb Viz Week 12

This interactive scatterplot visualization compares Airbnb listing attributes across selectable European cities and weekdays/weekends. Users can choose which numeric attributes to map to the X and Y axes—with the Y axis always displayed on a logarithmic scale—and apply a minimum-value filter via a slider. The visualization renders density-based color gradients within vertical bands for each X-axis category, using D3.js (d3.scaleLinear, d3.scaleBand, d3.scaleLog) for scaling and axis rendering, and React for the interface controls. City-specific CSV data is loaded from GitHub, and the density calculation uses a 5% window of the Y-axis range to aggregate point distributions.

MMatt Hagger

64% match