Fork of Task 8 tutorial 2

100%

Fork of Task 8 tutorial 2

✓ Published0🌍 Public

Last edited Apr 9, 2024

Created on Apr 9, 2024

This example shows a stacked bar chart of IMDb movie ratings by genre, using percentages across five rating buckets from below 5.0 to above 8.5. The data is loaded from a CSV file. The chart renders in SVG using D3 v7, with d3.stack for stacking, d3.scaleBand for genres, d3.scaleLinear for percentages, and d3.axisBottom and d3.axisLeft for axes. Hovering over a bar segment displays a tooltip with the exact rating percentage for that genre and bucket.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of tutorial2 task 7

This stacked bar chart shows the percentage distribution of IMDb movie ratings across five genres, with each genre’s bars broken into five rating categories from below 5.0 to above 8.5. Hovering over a bar segment reveals its exact percentage via a tooltip. The visualization uses d3.csv to load the data and d3.stack for the stacked layout, with d3.scaleOrdinal for colors and d3.scaleBand for the genre axis. SVG elements render the chart, and mouse events control tooltip visibility.

Kkaushikreddy901@gmail.com

93% match

Loading thumbnail…

Fork of Task6_3

A stacked bar chart visualizes the percentage distribution of IMDb ratings across six movie genres, using five rating brackets from below 5.0 to above 8.5. Each bar shows the proportional share of ratings within a genre, with colors distinguishing the rating levels. The chart reads data from a CSV file and renders with D3 v7, using `d3.stack()` to create the stacked series, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for percentages. Hovering over a segment triggers a tooltip displaying the exact percentage, implemented with mouse event handlers and HTML div elements.

Ppravallikaratankanthkatragadda@my.unt.edu

93% match

Loading thumbnail…

Task-8 Tutorial-2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, from documentary to action. Each horizontal bar is segmented into five rating categories, from “below 5.0” to “above 8.5”, with a mouseover tooltip revealing the exact percentage for each segment. The visualization is built with D3 v7, using `d3.stack` to create the stacked data, `d3.scaleLinear` and `d3.scaleBand` for axes, and `d3.axisBottom` for the percentage scale. Data is loaded from a CSV file, and the SVG rendering includes a legend and axis labels.

Ppogirimayoor@gmail.com

92% match

Loading thumbnail…

Task8_Tutorial2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segment representing a rating range from below 5.0 to above 8.5. The visualization uses d3.stack() to compute stacked series and d3.scaleOrdinal for color mapping, rendering as SVG. Hovering over a segment triggers a tooltip displaying the precise percentage for that genre and rating category. The chart includes axes via d3.axisBottom and d3.axisLeft, with data loaded from a CSV file.

SSushmaNamidi@my.unt.edu

92% match

Loading thumbnail…

Fork of Activity6_Task2

A stacked horizontal bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5". The visualization reads data from a CSV file and renders it using D3 v7's `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.scaleOrdinal` APIs. Interactive tooltips appear on mouseover, displaying the exact percentage for each genre-rating segment using `d3.format`. SVG is the rendering approach, with axes and labels styled through external CSS.

Hharshabandi3060@gmail.com

92% match

Loading thumbnail…

Task 8 - tutorial 2

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. Hovering over any segment displays a tooltip with the exact percentage for that rating level within the genre. Built with D3 v7, the chart uses `d3.stack()` for data stacking, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical y-axis. Data comes from a CSV file, and the visualization renders as SVG.

Aasheshpinisetti@my.unt.edu

92% match

Loading thumbnail…

Fork of Task 2

A stacked horizontal bar chart shows the proportional distribution of IMDb ratings across movie genres, with each genre as a row and color-coded segments for rating brackets from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip with the exact percentage for that rating level within that genre. Built with d3.v7, the chart uses `d3.csv` to load data, `d3.stack` for stacking, `d3.scaleOrdinal` for colors, and `d3.scaleBand` for the categorical y-axis, with SVG rendering and interactive mouse events for the pop-ups.

Aaadesh.pranesh@gmail.com

92% match

Loading thumbnail…

Task-8-Tutorial-2

This example visualizes IMDb movie ratings across genres using a stacked horizontal bar chart, showing the percentage distribution of ratings in categories like "5.0-6.5" and "above 8.5" for genres such as Documentary and Action. Built with D3 v7 and rendered as SVG, the chart uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to position bars, with mouse events driving a tooltip that displays exact percentages. The data is loaded from a CSV file.

Mmdadeebfarhaan@gmail.com

92% match