Activity 6 task 2 q1

100%

Activity 6 task 2 q1

✓ Published0🌍 Public

Last edited Apr 1, 2025

Created on Apr 1, 2025

This chart shows the percentage distribution of IMDb ratings across six movie genres, splitting each genre into five rating bands from “below 5.0” to “above 8.5.” Using stacked horizontal bars, the visualization highlights how action films skew toward lower ratings while documentaries and animations achieve higher scores. Built with D3 v7, the code uses `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for the genre axis, with an interactive tooltip displaying exact percentages on mouseover. Data comes from the inline CSV file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Task 2

This chart displays the distribution of IMDb ratings across six movie genres, using horizontal stacked bars to show the proportion of films falling into five rating brackets from "below 5.0" to "above 8.5." The underlying data is a CSV file with genre rows and rating-category columns, rendered as SVG. The code uses D3 v7 APIs including `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`, along with custom tooltips on mouseover.

SSai Gottumukkala

94% match

Loading thumbnail…

Activity 6_Task 2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres—Documentary, Drama, Comedy, Romance, Animation, and Action—with each bar segmented into five rating levels from "below 5.0" to "above 8.5". The visualization makes the impact of genre on ratings immediately apparent; for instance, Action films have a high proportion of low ratings, while Documentaries skew toward higher scores. Built with D3 v7 and rendered as SVG, the chart uses `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.scaleLinear()` for the percentage axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating level within a genre, computed from the CSV data source.

Aakankshareddygorla@my.unt.edu

94% match

Loading thumbnail…

Activity-6 Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into five rating bands from below 5.0 to above 8.5. Each genre’s stacked bar sums to 100%, with color-coded segments revealing how documentary and animation films skew toward higher ratings while action movies concentrate in lower ranges. The visualization uses d3.stack() to compute layered data, d3.scaleOrdinal() with a custom color palette, and d3.scaleBand() for the genre axis. Hovering over any segment triggers a tooltip displaying the precise percentage, implemented through mouse events on SVG rectangles created via d3.selectAll().enter().append(). The data comes from a CSV file containing pre-aggregated percentages for each genre and rating category.

Hharshaps15@gmail.com

93% match

Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of IMDb ratings across six movie genres using stacked horizontal bars, with each genre displaying the percentage of films in five rating categories from "below 5.0" to "above 8.5." The chart makes it clear that Documentary films have the highest proportion of high ratings, while Action movies concentrate heavily in the lowest rating bracket. Built with D3 v7 and rendered as SVG, the code uses `d3.stack()` to create stacked segments, `d3.scaleBand()` for the categorical genre axis, and `d3.scaleLinear()` for the percentage axis. Interactive hover effects trigger tooltips displaying exact percentage values, and the visualization loads data from a local CSV file.

AAftab Hussain

93% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, revealing how documentary and action films differ in their rating profiles. Each horizontal bar represents a genre, segmented into five rating levels from below 5.0 to above 8.5, with hover tooltips displaying exact percentages. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleBand()` to generate the SVG rendering, with `d3.scaleOrdinal()` assigning colors and mouse events triggering the tooltip updates. Data comes from a CSV file containing aggregated rating percentages that sum to 1 for each genre.

Aayeshamanzoor111798@gmail.com

93% match

Loading thumbnail…

Activity6_task2

This chart visualizes the distribution of IMDb ratings across six movie genres, showing the proportional share of films within each rating category from "below 5.0" to "above 8.5" as stacked horizontal bars. The code uses d3.v7 with SVG rendering and d3.stack() to generate the stacked layout, d3.scaleBand() for the genre axis, and d3.scaleLinear() for the percentage scale. Interactive tooltips display exact percentages on mouseover, while the data is loaded from a CSV file containing aggregated genre-rating proportions.

Vvishnupriyapalagiri@gmail.com

93% match

Loading thumbnail…

Activity6_task 2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar segmented into five rating ranges from below 5.0 to above 8.5. The chart uses a horizontal layout with percentage scales, enabling quick comparison of rating patterns between genres like Documentary and Action. Built with D3 v7, the visualization employs `d3.stack()` to compute stacked series, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. Interactive tooltips, implemented through mouse events, display exact percentages for each rating segment on hover, with the data sourced from a CSV file.

Ssagipavan2385@gmail.com

93% match

Loading thumbnail…

Activity6_task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from “below 5.0” to “above 8.5.” The chart shows that genres like Action and Comedy have higher percentages of low ratings, while Documentary and Animation skew toward higher ratings. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.scaleBand()` for the categorical y-axis. The data comes from a CSV file, rendered as SVG, with interactive tooltips displaying exact percentages on hover.

Mmaneeshraja47@gmail.com

93% match