Skip to main content
SimilarExport ZIP
100%

Fork of AirBNB Price Prediction TEST

✓ Published2🌍 Public
Ss_cural@coloradocollege.edu
Last edited May 9, 2024
Created on May 9, 2024

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.

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
91% 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
89% 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
89% 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
88% 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
88% 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
87% 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
85% match
Loading thumbnail…

Fork of Fork of State Zoom

This interactive map visualizes Airbnb listings in Denver overlaid on a zoomable map of the United States. Clicking on Colorado triggers an animation that transitions to a detailed view of Denver neighborhoods, with red dots marking individual listings. The visualization uses D3.js v3’s `d3.geoPath` for map projections and `d3.transition` for smooth zooming, sourcing geographic data from a GeoJSON file and listings from a CSV file.

Ss_cural@coloradocollege.edu
82% match