Skip to main content
SimilarExport ZIP
100%

activity 6 q3

✓ Published0🌍 Public
YYeruva Snehith Reddy
Last edited Oct 22, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This visualization shows the distribution of movie ratings across different car companies, with each company displayed as a horizontal stacked bar chart. The chart uses percentage values to represent the proportion of ratings in five categories, from below 5.0 to above 8.5. Built with D3 v7, it employs `d3.stack()` for the stacked bar construction, `d3.scaleOrdinal()` for color mapping, and `d3.scaleLinear()` for the x-axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment. Data is loaded from a CSV file containing company names and their corresponding rating distributions.

AI-generated description

The impact of genre on movie ratings

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_question-3

This stacked bar chart shows the percentage distribution of movie ratings across six car brands, with the total per brand equaling 100%. It uses d3.stack() to create the stacked segments, and d3.scaleOrdinal() to assign colors to five rating categories. Hovering over a bar segment triggers a tooltip displaying the exact percentage for that rating level. The visualization is rendered as an SVG using d3.axisBottom and d3.axisLeft for the axes, with data loaded from a CSV file.

Ssiddhartha gurram
89% match
Loading thumbnail…

Activity6_Q2

This visualization shows the distribution of cinema ratings across six movies, with each bar divided into five rating segments (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, and above 8.5) as percentages that sum to 100%. The stacked bar chart uses d3.stack() to group the horizontal bars, d3.scaleLinear for the percentage axis, and d3.scaleBand for movie categories. Interactive tooltips display exact percentages on mouseover using event handlers, while SVG rectangles with a color scale make each rating segment distinct. The data comes from the provided Cindata.csv file.

Nnikhithadadi@my.unt.edu
88% match
Loading thumbnail…

Activity6_Q2(3)

This stacked bar chart shows how movie ratings are distributed across six genres, with each bar representing the percentage of films falling into rating levels from “Below 5.0” to “Above 8.5.” The visualization uses d3.stack and d3.scaleBand to structure the data, while d3.scaleOrdinal assigns colors from d3.schemeCategory10. Hovering over a bar segment triggers a tooltip displaying the exact percentage via d3.select and style opacity changes. The data comes from movie.csv, rendered as SVG elements with axes and labels styled through external CSS.

Ppmanoj13053@gmail.com
87% match
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
86% 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
86% match
Loading thumbnail…

Activity_6_2

This visualization presents a stacked bar chart showing the percentage distribution of movie ratings (from "one" to "five") across different genres, with each bar segment colored to represent a rating category. Hovering over any segment displays a tooltip with the precise percentage for that rating within the genre, and the total for each bar sums to 100%. Built with D3 v7, the chart uses `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for genre positioning on the y-axis. Data is derived from the included CSV file, rendered as SVG elements with interactive mouse events.

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

activity6t2

A stacked bar chart shows the percentage of 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.csv to load the data and d3.stack to compute the stacked segments, while d3.scaleOrdinal assigns colors to rating levels. Hovering over a segment dims the bar and reveals a tooltip displaying the exact percentage for that genre and rating category. The chart includes axes via d3.axisBottom and d3.axisLeft, plus a legend rendered as colored rectangles and text.

Ssaitejakaranam10@gmail.com
86% match