Hotel occupation scatter Plot

100%

Hotel occupation scatter Plot

✓ Published0🌍 Public

Last edited May 11, 2021

Created on Apr 13, 2021

This scatter plot shows hotel room occupation rates for six amenities (spa, pool, restaurant, bar, beach, gym) across user-selectable time zones or weekdays. The D3 v5 visualization loads CSV data and renders animated circles whose size reflects each amenity's capacity and whose color encodes the amenity type via `schemeCategory10`. A dropdown menu dynamically re-renders the scatter plot, switching between hourly and daily time domains using `scaleBand` and `scaleLinear` axes. Interactive tooltips display amenity and occupation percentage on mouseover, while the legend lists amenities sorted by capacity.

AI-generated description

Hotel occupation using D3 library. Marcelo Rocha

MIT Licensed

Similar vizzes

Loading thumbnail…

Hotel messenger traffic

This visualization shows hotel messenger traffic across five service categories (Superhost, Restaurant, Bar, Beach, Room Service) over one week, with lines and circles representing daily message volumes. The chart uses D3.js v5 classes including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to build axes, while `d3.line` with `d3.curveMonotoneX` renders the paths. Interactive tooltips appear on mouseover, and circles are colored red or green based on incident versus resolve counts. The legend uses `d3.nest` to group categories, and the data is procedurally generated in `useData.js` for this React-based example.

MMarcelo

74% match

Loading thumbnail…

Line Chart Project

A line chart depicts high hotel booking rates over time. The visualization uses D3 v5 to render an SVG, employing `scaleTime` and `scaleLinear` for the axes, `axisLeft` and `axisBottom` for ticks, and a `line` generator with `curveBasis` for the smoothed path. Data is loaded from a CSV via the `csv` function and parsed into dates and numbers before rendering.

Rrajasrilekkala

70% match

Loading thumbnail…

Fork of ICE-6 Scatter Plot

This scatter plot visualizes the relationship between accommodation cost and duration in days, with points colored by species (blue, yellow, or red). The data is loaded from a GitHub Gist CSV using D3 v6’s `csv` and parsed into numeric fields. The visualization uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and SVG `circle` elements with per-point `rx` and `ry` attributes. Axis labels are rendered as text elements, all within a full-window SVG.

Ppujitha532

70% match

Loading thumbnail…

Hotel Reservation Tree

This visualization shows the total lead time for each reserved room type across Resort hotels worldwide, organized hierarchically by hotel and country. The data comes from a World Bank CSV file and is processed using D3 v5’s `nest` and `tree` functions to build a stratified tree layout. Each leaf node is a colored circle, where color maps the aggregate lead-time value via `scaleLinear` from green to red, and horizontal links are drawn with `linkHorizontal`. Text labels display hotel, country, and room type names, with font sizes adjusted by depth. The SVG canvas supports interactive zooming through the `zoom` event.

0007ebey

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

69% match

Loading thumbnail…

hotel booking

This interactive 3D scatter plot visualizes hotel booking data, comparing agents based on repeated guest status, previous cancellations, and prior non-canceled bookings. Two distinct traces plot these metrics as colored spheres—green for repeated guests against cancellations, and pink for cancellations against successful bookings—with opacity revealing data density. The visualization uses Plotly’s `scatter3d` type via the `Plotly.newPlot` API, loading CSV data through D3’s `d3.csv`. The chart is rendered inside a DIV element on a minimal HTML page, with a title indicating focus on agent performance. Marker size and green outline styling enhance point differentiation in the three-dimensional space.

Vvagdevi-369

69% match

Loading thumbnail…

Scatter Plot with Menus

This scatter plot displays population figures for ten countries using a bar-like layout with circular markers. The visualization includes interactive dropdown menus (labeled A, B, C) and employs D3 v6 APIs such as `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the SVG chart. Data is loaded from a CSV file via `d3.csv`, with population values scaled by 1000. Custom gradient fills are applied to circles and text via SVG `linearGradient` definitions.

SSharvariPhadke

69% match

Loading thumbnail…

reusable scatter plot ice7

This reusable scatter plot visualizes yearly hotel bookings across different states using the Iris Dataset as inspiration. It employs D3 v6 with SVG rendering, using `d3.scaleLinear` for coordinate mapping, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.csv` to load data from a GitHub-hosted CSV file. The chart is built as a configurable function with setters for width, height, margins, and data accessors, following the reusable chart pattern.

Bbhavyapokuri123@gmail.com

69% match