A Map for New York Airbnb

100%

A Map for New York Airbnb

✓ Published0🌍 Public

Last edited Sep 16, 2019

Created on Sep 10, 2019

Forked from Scatter Plot for New York Airbnb

This map visualizes the distribution of Airbnb room types across New York City, with each circle representing a listing and color encoding room type. Hovering reveals the price via tooltip. Built with the vega-lite-api, it reads CSV data from a GitHub gist and renders an interactive scatterplot using latitude and longitude fields. The visualization uses vega-lite’s markCircle, d3.csv for data loading, and vega-tooltip for hover interactions, with a custom config to adjust axis and label styling.

AI-generated description

A map for New York Airbnb dataset using the vega-lite-api.

This visualization is designed to show the distribution of different room types in New York Area.

Each circle represents an Airbnb and the tooltip shows its price.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot for New York Airbnb

This scatter plot visualizes New York Airbnb listings, showing the average price for different room types across neighbourhood groups. Each circle represents a room type within a neighbourhood, with circle size encoding the average number of reviews. The visualization is built using the vega-lite-api and d3.csv for data loading, rendered via vega-lite and vega. The data comes from a hosted CSV file, and the chart uses config.js to customize axis labels and typography for improved readability.

XXinting Yao

87% match

Loading thumbnail…

Air bnb

This visualization displays the top 10 most expensive Airbnb listings in New York City as a horizontal bar chart, using React to manage the component state and D3 v5 for scales, axes, and SVG rendering. The code loads CSV data via `d3.csv`, sorts by price, and slices the top 10 entries, then maps them to `scaleBand` and `scaleLinear` ranges. Bars are drawn as SVG `<rect>` elements with a red fill, while custom tick marks and labels are generated from the scales. The chart uses a light gray background and a simple title.

VVenkat-Dhulipalla

74% match

Loading thumbnail…

World Countries Tree

This visualization displays a hierarchical tree of Airbnb listings in New York City, organized by room type, borough, and neighborhood, with node labels sized by depth. It uses d3.tree and d3.hierarchy to compute the layout, d3.linkHorizontal for curved link paths, and d3.zoom for panning and scaling the SVG. The data comes from a JSON file containing house counts and average prices. Text shadows and a serif font improve readability, while node positions reflect the tree structure rather than geographic location.

SSourav Sarker

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

71% match

Loading thumbnail…

Fork of ICE-6 (airbnb)

This interactive scatter plot displays Airbnb listings based on distance to the city center and metro distance, with point color encoding species (Adelie, Gentoo, or other). Built with D3 v5, it loads CSV data and maps values to an SVG canvas using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for axes. Each point uses `circle` elements with a fixed radius, while custom labels, tick styling, and explicit axis titles highlight the plot. The visualization emphasizes geographic proximity patterns against guest satisfaction metrics from the Airbnb dataset.

Pprathyusha-reddy-arch

71% match

Loading thumbnail…

The increment of airbnb over years

The visualization shows the growth of Airbnb listings in New York City boroughs from 2008 to 2020, using a bar chart where the y-axis displays borough names and the x-axis represents the number of houses. Users click year buttons to update the chart, which uses hardcoded data for each period. The visualization is built with React and D3 v6, leveraging `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars with a yellow highlight on the selected year.

ZZHIYI CHEN

71% match

Loading thumbnail…

A Map for USA Airport

This map visualization displays the distribution of airports across the United States, with each circle representing an airport positioned by its latitude and longitude, colored by state, and showing the airport name on hover. Built with vega-lite-api, it uses the `vl.markCircle` method with latitude and longitude encoding streams to project the geographic data points. The code loads airport information from a CSV file using d3.csv, applies custom axis and label styling through a shared config object, and renders the final chart with vega and vega-lite in an SVG view.

XXinting Yao

70% match

Loading thumbnail…

Airbnb Vienna

This scatter plot shows the price distribution of Airbnb apartments across 23 numbered boroughs in Vienna, revealing price clusters and outliers per district. The visualization uses D3 v5 with SVG rendering, employing `d3.csv` to load the dataset and `scaleLinear` for both axes, with `axisBottom` and `axisLeft` for ticks. Circles are plotted with opacity 0.3 to show overlapping points, and axes include gridlines. Data originates from insideairbnb.com/vienna/.

IIcecreamneverfall

69% match