Skip to main content
SimilarExport ZIP
100%

act6_task2_11719493

✓ Published1🌍 Public
Ssravani1969@gmail.com
Last edited Mar 29, 2025
Created on Mar 28, 2025
Forked from HTML Starter

This stacked bar chart shows IMDb rating distributions across six movie genres, displaying the percentage of titles falling into five rating brackets from “below 5.0” to “above 8.5.” The chart uses D3 v7’s `d3.stack` and `d3.scaleOrdinal` with a custom color palette, rendering interactive SVG rectangles with `d3.axisBottom` and `d3.axisLeft`. Mouseover events trigger tooltips that display the exact percentage for each genre-rating segment, using data from the provided CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar is segmented into five rating categories from "below 5.0" to "above 8.5." Using D3.js v7 with an SVG rendering, the code employs `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical genre axis. Interactive tooltips display the exact percentage for each genre-rating combination on mouseover, while the data is loaded from a CSV file with precomputed proportions.

Kkbhavithareddy06@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the percentage of titles falling into five rating brackets from below 5.0 to above 8.5. Each horizontal bar breaks down a genre's total into colored segments corresponding to rating ranges, with tooltips revealing exact percentages on hover. The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` for data aggregation and color mapping, rendered as SVG with `d3.axisBottom` for the percentage axis and a custom tooltip built from HTML divs. Data comes from the provided CSV file, where each row represents a genre's proportions across rating categories.

SShasankreddyganta@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows how IMDb movie ratings are distributed across genres, with each bar segment representing the percentage of films falling into rating bands from “below 5.0” to “above 8.5.” The visualization uses D3 v7’s `d3.stack()` to compute the stacked series and `d3.scaleOrdinal` for color mapping, rendering as SVG. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating category, while axis labels and a title clarify the data. The chart reads from a local CSV file structured with genre rows and rating-band columns.

Bbhargavr016@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" as percentages. It loads CSV data and uses d3.stack to compute the stacked series, d3.scaleBand for the genre axis, d3.scaleLinear for the percentage axis, and d3.scaleOrdinal with a custom color palette. SVG rectangles render the segments, and mouse events trigger an HTML tooltip displaying the precise percentage for each segment.

Ppenujulilikhil01020@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with ratings grouped into five levels from below 5.0 to above 8.5. Each bar segment represents a genre's proportion of a rating category, and hovering over a segment displays the exact percentage via a tooltip. The code uses `d3.stack()` to create the stacked data structure from CSV input, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. The visualization renders as SVG with five color-coded rating categories and includes axis labels and a title.

Rrakshithareddy217@gmail.com
95% match
Loading thumbnail…

activity6_task2_11719493

A stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating buckets from below 5.0 to above 8.5, expressed as percentages. The visualization uses D3 v7 with an SVG rendering, employing `d3.stack()` to compute the stacked series, `d3.scaleBand` for the genre categories, and `d3.scaleLinear` for the percentage axis. Interactive tooltips, styled via CSS, display exact percentage values on mouseover, while the legend indicates rating categories and the title labels the chart as "Rating according to genres."

Ssravani1969@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes IMDb movie rating distributions across six genres, showing the percentage of films falling into five rating brackets from “below 5.0” to “above 8.5.” Each genre bar is segmented by rating category, with the legend on the right indicating the color for each bracket. Using D3 v7 with SVG rendering, the code employs d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to process the CSV data and position the rectangles. Interactive tooltips display the exact percentage for a hovered segment, updating opacity for visual feedback.

Aaparnachalumuri@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute the stacked segments and d3.scaleOrdinal() with a categorical color scale to distinguish rating bands. The code renders SVG rectangles via data joins and includes an interactive tooltip triggered by mouseover events, displaying the exact percentage for each genre-rating combination. Data comes from a CSV file containing precomputed proportions for each genre.

GGunna,Praneeth Reddy
95% match