hotel booking

100%

✓ Published0🌍 Public

Last edited Apr 28, 2023

Created on Apr 27, 2023

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

3D Scatter Plot with Iris Dataset

This 3D scatter plot visualizes hotel booking data, showing relationships between variables like guest type, booking cancellations, and country of origin. The visualization employs three surface traces to represent different aspects of the dataset, with axes labeled for agent, previous bookings not canceled, and country. The code uses the Plotly.js library through its `Plotly.newPlot` API to render the interactive 3D scene, while D3.js handles CSV data loading from a GitHub-hosted dataset. A custom camera perspective flips the view orientation, and the layout minimizes margins for immersive exploration.

Rrajasrilekkala

83% match

Loading thumbnail…

World Hotel Booking rate in different countries

This interactive 3D scatter plot visualizes hotel booking rates across countries, mapping three passenger-related variables from the dataset—agent, children, and babies—through three distinct marker traces. Each trace shows the relationship between hotel booking rate, previous bookings not canceled, and country. The visualization uses Plotly’s `newPlot` API to render the 3D scene, with data loaded via `d3.csv` from a remote GitHub gist. The markers use color-coded points (orange, purple, and red) with translucent styling to distinguish the three variables.

Rrajasrilekkala

81% match

Loading thumbnail…

Fork of World Hotel Booking rate in different countries

This interactive 3D scatter plot visualizes hotel booking rates across different countries, encoding data attributes like agent, children, and babies along the x, y, and z axes. The visualization uses Plotly.js, with data loaded via D3's `d3.csv` function from a remote GitHub dataset. Three distinct traces, each with its own color and marker style, represent the different booking-related variables, while axis titles clarify the metrics being compared. The chart is rendered inside a pink-themed HTML page with a centralized heading and a full-height plot area.

Kkakumanusreya

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

73% match

Loading thumbnail…

Hotel reservation demand

This example displays raw hotel reservation data from a Kaggle dataset, showing each booking record as structured JSON with fields like lead time, number of guests, and cancellation status. The visualization initially fetches the CSV file using `fetch()` and parses it with `d3.csvParse`, then renders the parsed array of objects as text in a `<pre>` element via D3’s selection and data join. A simple state management pattern tracks the loading status and updates the display asynchronously once the data arrives.

GGauri Jare

71% match

Loading thumbnail…

Airbnb Viz Final

This interactive scatterplot analyzes Airbnb listings, showing the relationship between any two selectable property attributes, such as price against person capacity. A slider filters data by a chosen attribute's minimum value, and an overlaid density distribution reveals the concentration of data points along the y-axis. The visualization is built with React and D3 v7, dynamically loading CSV data for selected cities and weekdays directly from a GitHub repository. Users can compare multiple European cities, switch between weekdays and weekends, and adjust the density calculation between global and per-column modes.

MMatt Hagger

71% match

Loading thumbnail…

Interactive Streamgraph Template in React

This interactive streamgraph template in React visualizes hotel booking trends over time, with stacked streams colored by category using `d3-shape`’s `stack`, `area`, and `curveBasis`, and colored via `scaleOrdinal` with `schemeDark2`. Hovering a stream highlights it by adjusting opacity and displays the category name in a tooltip. The SVG rendering is driven by React state and event handlers, while data loads as CSV through `d3-fetch`’s `csv` method.

Rrajasrilekkala

71% match

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

70% match