Gist f6907bd1bc749e52e03e

100%

Gist f6907bd1bc749e52e03e

✓ Published0🌍 Public

Last edited Mar 22, 2015

Created on Mar 26, 2015

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.

AI-generated description

Similar vizzes

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

66% match

Loading thumbnail…

Gist eaa120aff028cbbf43c79b2d085ff771

The visualization tracks daily sales of baked goods across multiple locations in Northern and Southern California and New York City, comparing item-specific counts before and after a promotional period. It uses small multiples to display time-series data for each item-location pair, with columns representing pre- and post-promotion values side-by-side. The chart is built with d3.js, using its data parsing and SVG rendering capabilities to encode the longitudinal counts for each categorical product type, such as cookies, scones, and pound cakes. The data comes from three CSV files containing date-stamped sales figures.

BBBischof

59% match

Loading thumbnail…

Fork of London Airbnb Person Cap vs Price w/ Color & Interaction Week 11

This interactive scatterplot explores London Airbnb prices across various attributes, showing density distributions through a blue-to-yellow gradient with red average markers. Users can select which numeric property appears on the x- and y-axes, filter listings by minimum values for a chosen metric, and toggle between weekdays and weekends across multiple European cities. Built with React and D3 v7, it uses `scaleLog` for the y-axis, density calculations in pixel space, and dynamically loads CSV data from GitHub repositories.

MMatt Hagger

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

59% match

Loading thumbnail…

Airbnb Vienna

This scatter plot visualizes Airbnb listing prices across Vienna’s 23 boroughs, with each circle representing one apartment’s price on the x-axis and its borough on the y-axis. Using D3 v5, the code loads data from a CSV file and applies `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles for data points. The chart’s opacity and teal fill create a density effect, while gridlines and axis labels clarify the price distribution per district.

VValentineAuer

59% match

Loading thumbnail…

(fork) 1

This interactive streamgraph visualizes quarterly median sale prices for houses and units with varying bedroom counts, sourced from the data.csv file. Users can reorder the legend categories through drag-and-drop, which triggers a redrawing of the stacked time-series chart via the `render` function. The visualization uses D3.js v6 for creating the SVG, scaling axes, and rendering the tooltip, while Sortable.js handles the reordering. The y-axis is fixed between -4,000,000 and 4,000,000 to accommodate the stacked values.

Wweird_danger

58% match

Loading thumbnail…

rvasp2

This example visualizes two time series of housing affordability indices—new and used asking prices—as separate line charts overlaid on a shared time axis. The data spans 2013 to 2016, sourced from a small CSV file. The visualization uses D3.js v4 to parse the dates, scale the x- and y-axes with `d3.scaleTime` and `d3.scaleLinear`, and draw smooth lines with `d3.line` and `d3.curveBasis`. Two independent y-scales (left and right) are defined, with gridlines and axis ticks generated via `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight`. The rendering is done in SVG, with line strokes colored MidnightBlue and Orange.

335degrees

58% match

Loading thumbnail…

Civic Impact through Data Visualization: Exercise 1

A bubble chart of San Francisco AirBnB listings shows price per available night against the number of reviews, with each circle’s color encoding room type (entire home, private, or shared). The graphic uses D3.js (version 3.5.8) with `d3.csv`, `d3.scale.linear`, `d3.svg.axis`, and SVG circles, rendering data from Inside AirBnB’s public dataset. The visualization is part of a workshop on civic data impact, emphasizing simple exploratory analysis before mapping.

NNathan-O

58% match