Skip to main content
SimilarExport ZIP
100%

ABNB Revenue - Vertical Bar Chart

✓ Published1🌍 Public
Eemberix@gmail.com
Last edited Dec 5, 2020
Created on Dec 3, 2020
Forked from ABNB Revenue

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.

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

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.

Eemberix@gmail.com
81% match
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
80% 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
77% match
Loading thumbnail…

Vertical bar chart

This visualization displays the profit percentage of a Dutch organization from 2011 to 2018, using a vertical bar chart with a single bar per year. Built with D3 v5, it loads data from a local JSON file and renders SVG elements. The chart customizes its axes by rotating the x-axis tick labels and formatting the y-axis ticks with the `format` API. A linear scale (`scaleLinear`) maps the profit values, while a band scale (`scaleBand`) positions the bars.

DDeanna Bosschert
69% match
Loading thumbnail…

Vertical bar chart

This example shows the profit percentage of a Dutch company across multiple years, from 2011 to 2018, along with a combined total. A vertical bar chart displays each year’s percentage as a green bar, with the years labeled on the x-axis and the percentage scale on the y-axis. The visualization is built with D3 v5 and Vue, using `d3.scaleLinear` for the y-axis, `d3.scaleBand` for the x-axis, and SVG rendering. Data is loaded from a local JSON file and filtered to include only the year and profit percentage before rendering.

DDeanna Bosschert
68% match
Loading thumbnail…

Area Chart

This area chart visualizes revenue trends from 2009 to 2017, using D3.js to render an SVG-based line and area graph. The x-axis represents time (years), while the y-axis shows expenses, with the area under the curve filled in light blue to emphasize the trend. The chart includes labeled axes, gridlines, and a smooth curve, making it easy to observe the overall pattern and fluctuations in revenue over the specified period.

NNandini Maddula
68% match
Loading thumbnail…

Untitled

This bar chart displays the stock price of XYZ Foods from 2011 to 2016, with values increasing from $45 to $78. The visualization uses D3.js v4’s `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render an SVG with animated bars that grow sequentially. Hovering over a bar triggers a mouseover event that highlights it in orange via the `highlight` class, expands its width and height, and shows a temporary `$value` label. The mouseout event reverts these changes and removes the label. Data comes from a local CSV file.

WW9183907
67% match
Loading thumbnail…

Untitled

This bar chart displays XYZ Foods stock prices from 2011 to 2020, with dollar values on the y-axis and years on the x-axis. It is built with D3 v4, rendering as SVG. The visualization uses `d3.scaleLinear` for the value axis, `d3.scaleBand` for the categorical year axis, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded from the local `data.csv` file, with bars styled in steelblue via CSS.

SSwapna1915
67% match