Skip to main content
SimilarExport ZIP
100%

bhavya

✓ Published0🌍 Public
Bbhavyapokuri123@gmail.com
Last edited Mar 21, 2024
Created on Mar 21, 2024
Forked from bar grapgh

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.

AI-generated description

D3 Hierarchies

MIT Licensed

Similar vizzes

Loading thumbnail…

bhavya_piechart

This example visualizes the total number of hotel bookings per state using a pie chart, with each slice colored by a categorical scale and accompanied by a legend. Hovering over a slice reveals a tooltip showing the state and its booking total. The implementation uses D3.js v6, including `d3.rollup` to aggregate data from a CSV file, `d3.pie` for layout, and `d3.arc` for rendering SVG paths. The chart is built within a React-free HTML page, with smooth opacity transitions for the tooltip on mouse events.

Bbhavyapokuri123@gmail.com
85% 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
83% match
Loading thumbnail…

area chart_bhavya

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.

Bbhavyapokuri123@gmail.com
82% 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
81% 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
79% match
Loading thumbnail…

Bar Chart

This example visualizes hotel booking data from a cleaned CSV file, showing both the average price per year and the booking count per year in two separate pie charts. The code uses D3 version 6 to load the data, group it by year, and compute aggregate values. Each chart uses the d3.pie and d3.arc generators to create slices, with d3.scaleOrdinal and d3.schemeCategory10 for coloring. Interactive hover effects highlight slices by changing their fill color and scale, while legends display the year and corresponding values. The visualization is rendered as SVG elements.

Kkakumanusreya
74% 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
74% match
Loading thumbnail…

Bar Chart

This example presents a series of pie charts analyzing hotel booking data from a cleaned.csv file. The first chart displays the average price per year, while the second shows the count of bookings per year. Using D3 v6 with SVG rendering, the code applies d3.pie and d3.arc to generate pie slices, d3.scaleOrdinal with d3.schemeCategory10 for coloring, and d3.group for data aggregation. Hover interactions scale slices and change their fill color.

Kkakumanusreya
72% match