Skip to main content
SimilarExport ZIP
100%

Fork of Task6_3

✓ Published0🌍 Public
Ppravallikaratankanthkatragadda@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Task6_Tutorial_PR

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.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

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

Fork of Activity6_Task2

This stacked bar chart shows the percentage of IMDb movie ratings across five genres, revealing how rating distributions vary by genre. Each bar is divided into five rating categories, from “below 5.0” to “above 8.5,” with hover tooltips displaying exact percentages. Built with D3 v7, it uses `d3.stack()` to compute the stacked layout, `d3.scaleBand` and `d3.scaleLinear` for positioning, and an ordinal color scale. Data comes from a CSV file with genre and rating percentages, rendered as SVG rectangles within a single chart.

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

Fork of Activity6-Task2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, breaking each genre into five rating bins from below 5.0 to above 8.5. Each bar represents 100% of a genre, with colored segments showing the proportion of movies in each rating category. Hovering over a segment reveals the exact percentage for that rating level within that genre. The visualization uses d3.stack and d3.scaleOrdinal to build the stacked layout, d3.axisBottom for the percentage axis, and a custom tooltip with mouseover events to display the precise values. Data comes from a CSV file with pre-aggregated genre-rating proportions.

Ssusarlasruthi2000@gmail.com
94% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the proportion of films within five rating brackets from “below 5.0” to “above 8.5”. Each genre’s bar segments sum to 100%, and hovering over a segment reveals its exact percentage. The visualization uses D3 v7’s `d3.stack()` for data stacking, `d3.scaleOrdinal` for color encoding, and `d3.scaleLinear` and `d3.scaleBand` for positioning. Data comes from a CSV file with pre-aggregated percentages, rendered as SVG with a custom tooltip for interaction.

Hharsha13638@gmail.com
94% 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
94% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage of titles falling into five rating brackets from “below 5.0” to “above 8.5.” The data is loaded from a CSV file and rendered as horizontal bars using D3.js v7’s `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` APIs. Each genre row is segmented by rating category, with interactive tooltips displaying exact percentages on mouseover. The SVG output includes labeled axes and a color legend, processed entirely through D3’s data-join pattern.

Kkowshiksamudrala08@gmail.com
94% match
Loading thumbnail…

Fork of Activity6_Task2.3

A stacked horizontal bar chart displays the distribution of IMDb ratings across six film genres, with each bar segmented into five rating brackets from "below 5.0" to "above 8.5." The chart uses d3.stack to transform percentage data from a CSV file, d3.scaleBand for the genre axis, and d3.scaleLinear for the percentage scale. Interactive tooltips appear on mouseover, revealing the exact percentage for each genre-rating segment, while a color scale distinguishes the rating categories.

MMallikarjun Narra
94% match
Loading thumbnail…

Fork of Activity 6_Task2

A stacked bar chart shows the percentage distribution of IMDb ratings across six genres, with each bar segmented into five rating ranges from below 5.0 to above 8.5. Hovering over a segment highlights it and displays a tooltip with the exact percentage. The chart uses d3.stack() to compute stacked series, d3.scaleOrdinal for colors, and d3.axisBottom with gridlines. Data comes from a CSV file loaded via d3.csv, rendered as SVG rects with mouse event handlers.

Pp99vijaya@gmail.com
94% match