Skip to main content
SimilarExport ZIP
100%

Activity 6 Question 2

✓ Published0🌍 Public
Ttallapanenisahithi@gmail.com
Last edited Oct 24, 2024
Created on Oct 22, 2024
Forked from IMDb Movie ratings

This stacked bar chart shows movie genre preferences across five age groups, with each bar segment representing the percentage of respondents who rated a particular movie type. The visualization uses d3.stack() to compute cumulative values and d3.scaleOrdinal with a custom color palette to distinguish categories. Mouse interactions trigger tooltips that display exact percentages, while d3.axisBottom and d3.axisLeft render the axes with gridlines. The data originates from a CSV file, and the chart is rendered as SVG using D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity 6question 2

This stacked bar chart displays the distribution of movie ratings across five genres, segmenting each genre's total percentages into five rating ranges from "Below 5.0" to "Above 8.5". The visualization uses `d3.stack()` to aggregate the data, with `d3.scaleOrdinal` assigning distinct colors to each rating category. Horizontal bars are rendered using `d3.scaleBand` for genres and `d3.scaleLinear` for the percentage axis. Interactive tooltips, implemented with mouseover events, display the exact percentage for each rating segment when hovering, enhancing the data's readability. The chart is built with D3 v7 and rendered as SVG, using data from a CSV file.

Ttsumanth619@gmail.com
91% match
Loading thumbnail…

Activity6_question2

This stacked bar chart displays the percentage distribution of movie ratings across five genres, with each bar segmented into five rating categories from below 5.0 to above 8.5. The chart reveals how genre influences rating patterns, such as Documentaries having the highest proportion of high ratings, while Action films show the largest share of low ratings. Hovering over a segment displays the exact percentage via a tooltip. The visualization uses d3.v7 with SVG rendering, employing `d3.stack`, `d3.scaleOrdinal`, and `d3.scaleLinear` to construct the stacked bars from the CSV data.

Nneerajreddyaluka@gmail.com
90% match
Loading thumbnail…

Activity6_Question 2

This visualization presents a stacked bar chart of movie ratings by genre and percentage. Built with D3 v7, it loads CSV data and uses `d3.stack()` to create the stacked segments, with `d3.scaleOrdinal()` for color coding. A custom tooltip, implemented as a styled HTML div, displays the exact rating percentage on hover. The SVG output is generated via D3’s selection and layout APIs, including `d3.axisBottom` and `d3.axisLeft` for axes.

Kkartheekgrpt@gmail.com
90% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating intervals from below 5.0 to above 8.5. The visualization uses d3.stack() to compose the stacked segments, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage scale. Hovering over a segment triggers a tooltip displaying the exact percentage for that rating level within the genre. The chart renders as SVG with ordinal color encoding and axes generated using d3.axisBottom and d3.axisLeft.

SSatish Nallamadugu
90% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” Built with D3 v7, the visualization uses an SVG canvas, a linear x-scale for proportions, and a band scale for genres. Interactive tooltips reveal the exact percentage for each segment on mouseover, while a five-color ordinal scale distinguishes the rating categories. The code relies on d3.scaleLinear, d3.scaleBand, d3.scaleOrdinal, and d3.stack to construct the grouped bars from CSV data.

Ssaisnehapalle@my.unt.edu
90% match
Loading thumbnail…

Activity 6 Task 2

This stacked bar chart shows the proportion of ratings across six movie genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The visualization reveals how genres like Documentary skew toward higher ratings while Action tends toward lower ones. Using d3.stack() and d3.scaleBand(), the chart encodes data from a CSV file as SVG rectangles. Interactive tooltips appear on mouseover, displaying the precise percentage for each rating segment using d3.format() and event handlers.

Jjaswanthreddy2000@gmail.com
89% match
Loading thumbnail…

Activity6question2

This stacked horizontal 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." The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` to layer the rating categories, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. Interactive tooltips display exact percentages on mouseover, with data sourced from a CSV file.

Vvaishnavi6gan@gmail.com
89% match
Loading thumbnail…

Activity 6_Question 2

This stacked bar chart visualizes the distribution of movie ratings across six genres, using data from a CSV file. The chart shows the proportion of films falling into rating bands from "Below 5.0" to "Above 8.5" for each genre, with colors distinguishing the rating categories. Built with D3.js version 7, the visualization uses `d3.stack()` to create the stacked segments and `d3.scaleOrdinal` for color mapping. Hovering over any segment reveals an exact percentage via a tooltip, implemented with D3's mouseover events.

MMonish Galla
89% match