Skip to main content
SimilarExport ZIP
100%

ABNB Revenue

✓ Published3🌍 Public
Eemberix@gmail.com
Last edited Dec 3, 2020
Created on Dec 2, 2020
Forked from HTML Starter

This bar chart shows Airbnb’s annual revenue from 2015 to 2019, increasing from roughly $0.9 billion to $4.8 billion. The visualization uses D3 v5 with an SVG rendering approach, applying `scaleLinear` for the revenue axis and `scaleBand` for the categorical years. Revenue values from the CSV are multiplied by 1000 and formatted with abbreviations using `format('.2s')`. Axes are built with `axisBottom` and `axisLeft`, while gridlines and labels are styled via CSS classes. The data originates from Airbnb’s pre-IPO S-1 filing.

AI-generated description

My first d3 attempt to visualise ABNB revenue from the pre-IPO S-1.

MIT Licensed

Similar vizzes

Loading thumbnail…

ABNB Revenue - Line Chart

This line chart displays Airbnb’s annual revenue from its pre-IPO S-1 filing, spanning 2015 to 2019 with values in thousands of dollars. The visualization uses D3 v5 to render SVG circles at each data point, with axes and gridlines generated via `axisBottom` and `axisLeft`. The y-axis labels are formatted using D3’s `format` function, converting large numbers to billions. Styling is applied through a linked CSS file, including custom fill colors and tick formatting.

Eemberix@gmail.com
91% match
Loading thumbnail…

ABNB Revenue - Scatter Plot

This scatter plot displays Airbnb's annual revenue from 2015 through 2019, sourced from the company's pre-IPO S-1 filing. Each circle represents a year, with its horizontal position encoding revenue (in dollars) and vertical position encoding the year. The visualization uses D3 v5, rendering as an SVG, with `scaleLinear` for the x-axis and `scalePoint` for the discrete year categories on the y-axis. The chart includes labeled axes, a title, and uses D3's `axisBottom` and `axisLeft` for ticks, with revenue values formatted using `format('.2s')`.

Eemberix@gmail.com
91% match
Loading thumbnail…

ABNB Revenue - Vertical Bar Chart

This vertical bar chart displays ABNB revenue by year from 2015 to 2019, using a dark steel-blue line and circular points to emphasize the upward trend. The visualization loads data from revenue.csv via d3.csv, then maps years to a d3.scaleBand x-axis and revenue to a d3.scaleLinear y-axis with a reversed domain. It renders as an SVG with d3.axisLeft and d3.axisBottom for ticks, while a d3.line generator with curveBasis connects the data points. Axis labels and a title are added using SVG text elements.

Eemberix@gmail.com
81% match
Loading thumbnail…

The increment of airbnb over years

This bar chart visualizes the increase in Airbnb listings over time, with each bar representing the total count for a given year. The visualization uses a React front-end with D3.js v6 for data loading and scaling, rendering as an SVG. It employs `scaleBand` for the x-axis (years) and `scaleLinear` for the y-axis (totals), with data fetched from a CSV file hosted on GitHub. The bars are drawn using SVG rectangles, and axes are constructed from custom components.

ZZHIYI CHEN
72% match
Loading thumbnail…

The increment of airbnb over years

This bar chart shows the total number of Airbnb listings over the years, using a dataset from GitHub. The visualization uses React with D3 v6 utilities, employing `scaleBand` for the year axis and `scaleLinear` for the total counts. Data is loaded via `d3.csv`, and `Marks` renders the bars as SVG rectangles. The chart includes labeled axes, with the y-axis showing tick marks and grid lines, emphasizing the growth trend in Airbnb totals.

Vvlad
72% 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
69% match
Loading thumbnail…

area chart

This area chart displays Amazon’s annual revenue in billions of U.S. dollars, with years on the x-axis and revenue on the y-axis. The data is loaded from a GitHub-hosted CSV file. Built with D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `area` with `curveBasis` to render the filled path. Point labels are formatted with `format('.1s')`, and the chart includes a title and axis labels.

Vvagdevi-369
65% 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
63% match