Fork of World Hotel Booking rate in different countries

100%

Fork of World Hotel Booking rate in different countries

✓ Published0🌍 Public

Last edited Apr 27, 2023

Created on Apr 27, 2023

Forked from 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.

AI-generated description

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

Similar vizzes

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

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

80% match

Loading thumbnail…

Fork of Fork of Data Visualization - Project 1

This bar chart displays hotel booking rates by country, using the top 100 records from a CSV dataset. The visualization uses D3’s `scaleBand` and `scaleLinear` to map countries and booking percentages, with red bars on a pink background. Axes are customized manually, with red tick lines and large blue tick labels. React manages the component state, loading data via D3’s `csv` function, and renders the SVG chart with a gray border.

Kkakumanusreya

79% match

Loading thumbnail…

Fork of Data Visualization - Project 1

This bar chart displays hotel booking rates by country, ranking the top 100 countries based on the percentage of bookings they receive. The visualization uses D3.js v5 within a React component to render an SVG, with customized axes and red-styled gridlines and tick labels. Data is loaded from an external CSV via `d3.csv`, while `scaleBand` and `scaleLinear` map the categorical and numerical values to coordinates.

Rrajasrilekkala

78% match

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

75% match

Loading thumbnail…

Fork of 3D Bar chart for Hotel Booking Availability

This example shows a 3D bar chart comparing hotel booking metrics across seven countries, including India, the United States, Brazil, and France. Five series—such as booking cancellation percentage, hotel closing rate, and hotel high availability—are grouped and stacked in a three-dimensional view. The chart is built using the Highcharts library with the highcharts-3d module, enabling rotation and depth through the options3d settings. Data is supplied as inline arrays per country, and axes are labeled to distinguish the booking metrics and sources. The background is set to pink via CSS.

Kkakumanusreya

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

72% match

Loading thumbnail…

Fork of ICE-6 Bar Graph Prathyusha

This bar chart visualizes hotel booking costs across 12 destinations, using a horizontal layout where bar length encodes the price per 24 hours from a CSV dataset. The React component loads data via D3’s `csv` function, then renders SVG rectangles scaled by `scaleLinear` for cost and `scaleBand` for place names. Grid lines and axis labels are manually generated using D3’s `axisBottom` and custom tick mappings, with red vertical lines marking each cost increment.

Pprathyusha-reddy-arch

71% match