Activity 6, Task 4

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.

Kkoushikkumarreddykoorapati@my.unt.edu

Activity6 Task4 Q 1

A bubble chart compares movie production budgets against box office revenue, with bubble size encoding popularity and color distinguishing genres such as Action, Sci-Fi, and Drama. Hovering over a bubble reveals a tooltip with the movie title, genre, budget, revenue, and popularity score. Built with D3 v7, the visualization uses `d3.csv` to load data, `scaleLinear` for axes, `scaleSqrt` for bubble radii, and `scaleOrdinal` with `schemeCategory10` for genre colors. SVG circles render the bubbles, and a legend identifies genre colors.

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.

Fork of Activity6_task4

This bubble chart displays the relationship between rating distributions for six film genres, plotting the percentage of ratings between 5.0-6.5 on the x-axis and 6.5-7.5 on the y-axis, with bubble size representing the percentage of ratings above 8.5. The visualization uses D3 v6 scales (d3.scaleLinear) and an ordinal color scale (d3.scaleOrdinal with d3.schemeCategory10) to distinguish genres. Hovering reveals a tooltip with exact values, while the axis labels and animated SVG rendering make the comparison of rating patterns across genres immediately visible. Data comes from a remote CSV file, with the chart built using standard SVG circles, axes, and margins.

Aabjalshaik02@gmail.com

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.

Aamulyareddykondru01@gmail.com

Activity6_question-4

This example visualizes the correlation between movie rating ranges across six genres using an animated bubble chart. It plots the percentage of ratings in the 5.0–6.5 range on the x-axis against the 7.5–8.5 range on the y-axis, with bubble size encoding the 6.5–7.5 rating proportion and color distinguishing genres. Built with D3 v7 via UNPKG, the visualization uses `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` to render SVG circles with hover tooltips. Data is embedded as static arrays from a CSV file.

Ssairamisetti3829@gmail.com

Activity6_Task2

This bubble chart shows the distribution of movie ratings across different genres, with each genre represented as a horizontal stacked bar broken into five rating categories from below 5.0 to above 8.5. The chart uses D3 v7’s `d3.stack()` to compute the stacked segments and `scaleOrdinal` for category colors, rendering as SVG rectangles within a fixed 960×500 viewport. Mouse interactions trigger tooltips formatted with `d3.format('.2f')` to display the exact percentage value for each rating segment. The data comes from a CSV file containing proportional values per genre.

Nnishwitha.1032@gmail.com

activity6_question4

This bubble chart visualizes the distribution of movie ratings across six genres using CSV data. The x-axis maps the proportion of ratings below 5.0 while the y-axis maps ratings above 8.5, with circle size representing the 6.5–7.5 rating range. The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.schemeCategory10 for color encoding, and includes interactive tooltips on mouseover. A legend and reference circles are rendered alongside the animated SVG, with genre labels positioned to the right of the plot area.