Skip to main content
SimilarExport ZIP
100%

area chart_bhavya

✓ Published0🌍 Public
Bbhavyapokuri123@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

This area chart displays the yearly average number of hotel bookings, using a light blue-green filled area with a darker stroke to emphasize the trend over time. The visualization is built with D3 v5, using `d3.scaleBand` for the categorical x-axis of years, `d3.scaleLinear` for the y-axis of booking counts, and the `d3.area()` generator to create the filled path. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes labeled axes and a title, with the area’s base anchored at the bottom of the chart.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart for Hotel Booking - Project

This area chart shows hotel booking closing prices over time, with a smooth curved line filling the space beneath it in blue. The visualization uses a time-scaled x-axis for timestamps and a linear y-axis for closing values, both with labeled axes and a title. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` for the smoothed area path. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes gridlines and tick labels.

Rrajasrilekkala
83% match
Loading thumbnail…

Fork of Line Chart For The hotel data_bhavya

This line chart visualizes the total number of hotel bookings per year, using aggregated data from a hotel bookings CSV file. The chart is rendered as an SVG using D3.js v7, with a band scale for the year axis and a linear scale for the booking counts. The visualization draws a steelblue line path connecting circular data points, and includes labeled axes and a title. The code uses D3’s `d3.group` and `d3.sum` to aggregate the data, and the Poppins font and teal background come from an external stylesheet.

Bbhavyapokuri123@gmail.com
82% match
Loading thumbnail…

Fork of Area Chart for Hotel Booking - Project

This area chart visualizes hotel booking closure rates over time, with a pink background and blue filled area beneath a curved line. It uses D3 v5’s `csv` loader to import timestamp and hotel-close data from a GitHub gist, then employs `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the smooth, filled path. Axes are rendered with `axisLeft` and `axisBottom`, including tick lines and custom labels, while the SVG canvas measures 960 by 500 pixels and is appended to by a single group with specified margins. The chart title appears above the plotting area.

Kkakumanusreya
82% match
Loading thumbnail…

bhavya

This visualization shows the total number of hotel bookings aggregated by state, displayed as a bar chart with a categorical color legend. It uses d3.csv to load data from a GitHub-hosted CSV file, then d3.rollup to sum bookings per state. The chart employs d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal with d3.schemeCategory10 for bar colors, with axes rendered using d3.axisBottom and d3.axisLeft.

Bbhavyapokuri123@gmail.com
82% match
Loading thumbnail…

bhavya-linechart_ice7

This example shows the number of hotel bookings per year from 2013 to 2020, filtered to only those years, as a line chart with circular point markers. It uses D3 v5’s `csv` loader to fetch the data from a GitHub-hosted CSV, `scalePoint` for the categorical year axis, `scaleLinear` for the count axis, and `line` plus `axisBottom` and `axisLeft` to draw the chart. The SVG is rendered with a steelblue stroke and fill, with a title added as an SVG text element.

Bbhavyapokuri123@gmail.com
81% match
Loading thumbnail…

bhavya_ice6

This scatter plot visualizes yearly hotel bookings across different states, with years on the x-axis and booking counts on the y-axis. The D3 v6 code employs `d3.csv` to load remote data, `d3.scaleLinear` and `d3.extent` for scales, and `d3.axisBottom`/`d3.axisLeft` for axes. Blue circles represent data points, and mouseover interactions reveal a CSS-styled tooltip showing state, year, and booking count. The SVG render fills the browser window dynamically via `window.innerWidth` and `window.innerHeight`.

Bbhavyapokuri123@gmail.com
81% match
Loading thumbnail…

AREA CHART

This area chart displays monthly revenue trends from a CSV dataset, filling the area beneath the line with light steelblue and outlining it in steelblue. The visualization uses D3 v7’s `d3.area()` generator, with a `scalePoint` for months on the x-axis and a `scaleLinear` for revenue on the y-axis. Axes are rendered using `d3.axisLeft` and `d3.axisBottom`, with labels added for both dimensions. The chart is drawn as an SVG element within a `div` container, with the data loaded asynchronously from a GitHub-hosted CSV file.

PP Manisha
77% match
Loading thumbnail…

area chart

This area chart visualizes monthly sales data from a hardcoded JavaScript array. The chart uses a steelblue filled path to represent the area under the line, with the x-axis mapping months and the y-axis scaling linearly from zero to the maximum sales value. Built with D3 v6, the visualization employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to generate the SVG path, while `d3.axisBottom` and `d3.axisLeft` render the axes. The SVG output is fixed at 600 by 400 pixels within the HTML page.

Ssannihitha.k23@gmail.com
77% match