Activity6_Task4_Question4

Activity6_Task4(Question 4)

This bubble chart visualizes the distribution of IMDb-style ratings across six movie genres, showing the proportion of titles in each rating range from "below 5.0" to "above 8.5". Each circle's size corresponds to the percentage value, with genres spaced along the x-axis and rating proportions on the y-axis. The visualization uses D3 v7 to load CSV data, apply square-root scaling via `d3.scaleSqrt`, and render SVG circles with interactive tooltips on mouseover. Animated transitions on tooltip opacity enhance user feedback when exploring the genre-rating relationships.

Gguruabhay294@gmail.com

Ssahithigovindaraju@my.unt.edu

Activity6_Task4

This bubble chart visualizes the distribution of movie ratings across six genres, using bubble size to represent the proportion of films within each rating category—from below 5.0 to above 8.5. Six genres are plotted along the y-axis while five rating categories form the x-axis, with larger circles indicating higher percentages. The visualization uses d3.csv to load the data and d3.scaleSqrt for bubble sizing, while d3.axisBottom and d3.axisLeft construct the axes. Interactive tooltips appear on hover, displaying the genre and its exact percentage for the “below 5.0” category, implemented through D3 event listeners.

Nnandasaipalankius@gmail.com

Activity6_q4

A bubble chart explores the correlation between movie ratings across genres, plotting the percentage of ratings in the 5.0-6.5 range on the x-axis and the 7.5-8.5 range on the y-axis, while bubble size encodes the 6.5-7.5 range percentage. Each genre appears as a distinct color, revealing relationships between rating distributions. The visualization uses D3.js to render SVG elements, with d3.scaleLinear for axes and size, d3.scaleOrdinal for color mapping, and interactive tooltips showing genre details on mouseover.

Activity6_Question4

This visualization uses a bubble chart to compare the proportions of movie ratings across different genres. A grid of circles, colored by genre using `d3.schemeSet2`, shows the share of titles in five rating categories (from "below 5.0" to "above 8.5"), with bubble size scaled by `d3.scaleLinear` to encode proportion values. Built with D3 v7, the SVG chart includes labeled axes, an ordinal color scale, and interactive tooltips that display the exact percentage when hovering over each circle. The data is structured as static arrays in JavaScript, rendered with animated transitions on hover.

JJayanth Reddy Sripathi

Iiftequaruddin883@gmail.com

Activity6_task4 question

This visualization displays a genre ratings bubble chart, showing the distribution of movie ratings across six genres and five rating brackets as proportionally sized red circles. The chart uses D3.js v7 to load data from a local CSV file, scales the bubble size based on proportion values using d3.scaleSqrt, and positions circles along categorical genre axes using d3.scalePoint. Interactive tooltips appear on mouseover to reveal exact values. The visualization uses an SVG-based rendering approach with d3.axisBottom for x-axis labeling and d3.axisLeft for the y-axis scale.

Mm.maanvireddt761@gmail.com

Activity6_Task4

This visualization uses a bubble chart to explore correlations between movie rating ranges across six film genres. Each genre is represented as a circle positioned by the percentage of ratings in the 5.0-6.5 range (x-axis) and the 7.5-8.5 range (y-axis), with circle size encoding the percentage of mid-range 6.5-7.5 ratings. The genre data comes from a CSV file embedded in the code. The visualization uses D3.js v7 scales and axes, with SVG circles, tooltips on hover, and a distinctive color scheme mapping each genre to a unique hue.

Jjahnavigummadi@my.unt.edu

Activity6_task4

This bubble chart visualizes the distribution of movie ratings across six genres, plotting the percentage of ratings in the 5.0–6.5 range on the x-axis against the 6.5–7.5 range on the y-axis. Bubble size encodes the share of ratings above 8.5, while color distinguishes genres. The chart uses d3.csv to load data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.schemeCategory10 for colors. Interactive tooltips appear on mouseover via d3 transitions, and axes are rendered with d3.axisBottom and d3.axisLeft.

Kkeerthana11.mcs@gmail.com

Activity6_Q4

This bubble chart, titled "Correlation Between Movie Rating Ranges by Genre," visualizes the relationship between the percentage of ratings in the 5.0–6.5 range and the 7.5–8.5 range across six movie genres, with bubble size encoding the 6.5–7.5 rating proportion and color distinguishing genres. It uses d3.v7 to append SVG circles, scaleLinear for axes and sizing, and scaleOrdinal for color mapping. Interactive tooltips appear on mouseover, while the data is embedded directly from a CSV file.