AirBNB Price Prediction Viz

100%

AirBNB Price Prediction Viz

✓ Published2🌍 Public

Last edited May 10, 2024

Created on May 8, 2024

This interactive map visualizes AirBNB price predictions across U.S. states, with Colorado, California, and New York highlighted in green to indicate available prediction data. Clicking a highlighted state triggers a transition to a second map of Denver’s neighborhoods, where individual listings appear as red circles. Using d3.geo.albersUsa and d3.geo.mercator projections, the visualization employs d3.json and d3.csv to load TopoJSON state boundaries and GeoJSON neighborhood data alongside listing coordinates. The code uses d3 transitions for zooming and SVG elements for rendering, though city-map display currently replaces the state view rather than layering over it.

AI-generated description

This project aims to visualize an AirBNB pricing prediction model. We aim to do this by filling out the states we have predictions for in green. When a state is clicked it is supposed to zoom into another geojson map that shows the city with listing on it. From this data we want to see where pricings for listings are generally jacked up (touristy sites, downtown, etc.) we observe the data by analyzing clusters or patterns.

Things that need to be implemented/are missing currently:

popping out city maps: for this to work for now, user would have to double click or go down the page.
fixing zooming transition for states that have predictions: the zooming transition gets overriden when another map is being popped out
adding a tooltip to city map to see listing type and pricing
marking listings in specific colors so that it is easier to see pricings that are higher or lower than the predictions

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of AirBNB Price Prediction Latest Draft

This visualization presents an interactive United States map highlighting states with AirBNB price predictions in green, alongside a secondary map for Denver neighborhood listings. Users can hover over states to view names and prediction availability, and click to zoom into city-level data. Built with D3.js v3, the implementation uses `d3.geo.albersUsa` projections, `d3.geo.path`, and `d3.behavior.zoom` for map interactions. It loads TopoJSON state boundaries and GeoJSON neighborhood data, with CSV listing prices overlaid on the Denver map. The interface includes tooltips and a return button for navigating between map views.

Ss_cural@coloradocollege.edu

88% match

Loading thumbnail…

Fork of Fork of Fork of Fork of AirBNB Price Prediction Latest Draft again

A US state map shows AirBNB pricing predictions by filling predicted states in green, highlighting Colorado, California, and Illinois as active regions. Clicking a state triggers a zoom animation using the Albers USA projection and d3.geo.path, though city-level maps remain unimplemented. Hovering displays tooltips with state names or messages indicating missing predictions. The visualization uses TopoJSON, d3.v3, SVG paths, and d3.behavior.zoom to enable interactive state exploration and animated transitions.

Ss_cural@coloradocollege.edu

85% match

Loading thumbnail…

Fork of Fork of Fork of AirBNB Price Prediction sandbox - sham

This interactive map visualizes AirBNB price prediction data across U.S. states, with Colorado, California, and New York highlighted in green to indicate available predictions. Clicking a highlighted state triggers a zoom transition using `d3.geo.path` with an Albers USA projection, and selecting Colorado replaces the map with a detailed Denver neighborhood map rendered via `d3.geo.mercator`. The visualization uses `d3.json` to load TopoJSON state boundaries and GeoJSON city data, alongside a CSV of Denver listings and predictions. The code includes placeholder logic for return navigation and tooltip features that remain unimplemented.

RRahmoon Shamdeed Kabir

84% match

Loading thumbnail…

Fork of Fork of AirBNB Price Prediction TEST - sham

This interactive D3.js map visualizes AirBNB pricing predictions across U.S. states, highlighting Colorado, California, and New York in green as special regions. Clicking a state triggers a zoom animation using `d3.geo.albersUsa()` and `d3.geo.path()`, while clicking Colorado replaces the map with a Denver neighborhood visualization using `d3.geo.mercator()`. The SVG rendering displays city listings overlaid on the neighborhood boundaries, sourced from local GeoJSON and CSV files. The transition between state and city maps is animated via `d3.transition()` with a duration of 750ms, though pending features include tooltips and color-coded pricing markers.

RRahmoon Shamdeed Kabir

83% match

Loading thumbnail…

Fork of AirBNB Price Prediction Viz - Sham

This visualization shows a choropleth map of the United States with three states highlighted in green, representing AirBNB pricing predictions. Clicking a state triggers a zoom transition using d3.geo.path and d3.geo.albersUsa projection. The code includes a commented-out function to load Denver neighborhood boundaries from GeoJSON and overlay listing points colored by overpricing status. Data comes from TopoJSON US states and Denver listing CSV files. The visualization uses d3.v3 and SVG with animated transitions, though city map popping and tooltips remain unimplemented.

RRahmoon Shamdeed Kabir

83% match

Loading thumbnail…

Fork of AirBNB Price Prediction TEST

This example displays a choropleth of U.S. states, with select states colored green to indicate AirBNB price predictions. Clicking a state triggers a zoom animation via `d3.geo.path` and a `transition.attr` transform, revealing a second SVG map of Denver neighborhoods with listing data from a CSV file. The visualization uses TopoJSON for state boundaries and GeoJSON for the city map, rendered with SVG paths.

Ss_cural@coloradocollege.edu

82% match

Loading thumbnail…

Fork of Fork of Fork of AirBNB Price Prediction Latest Draft - Sham

This visualization presents a choropleth map of the United States showing AirBNB price prediction availability, with Colorado, California, and Illinois highlighted in green to indicate states where prediction data exists. A clickable state triggers a zoom transition using `d3.behavior.zoom` and `d3.geo.path` with the AlbersUSA projection, though the city-level map interaction remains incomplete. The interface includes hover tooltips displaying state names from a mapping file, and a return button to navigate back to the national view. The visualization uses D3 v3 with TopoJSON for geographic data and features SVG rendering with animated transitions.

RRahmoon Shamdeed Kabir

81% match

Loading thumbnail…

bnb Test

This visualization shows a choropleth-style map of U.S. states, with three states highlighted in green to indicate the availability of AirBNB pricing predictions. Clicking a highlighted state triggers a zoom transition using D3’s `d3.geo.path` and `transition.attr`; selecting Colorado also logs data to the console. The map uses TopoJSON state boundaries from a remote gist, while listing data is loaded from a CSV file, though no city-level popups are yet implemented. The SVG rendering employs `d3.geo.albersUsa` projection and D3 v3 event handlers.

RRahmoon Shamdeed Kabir

79% match