Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 4 Q4

✓ Published0🌍 Public
Mmounikakatipally995@gmail.com
Last edited Apr 17, 2024
Created on Apr 17, 2024
Forked from Bubble chart

This interactive bubble chart visualizes movie genres and their ratings, using the horizontal axis for ratings and the vertical axis for genres. Each bubble’s size encodes highway MPG, while its color indicates the car make. The chart includes a tooltip that displays the make on hover. Built with D3 v7, it uses scales like `scaleLinear` and `scaleOrdinal`, and renders SVG elements with mouse event handlers for tooltip interactions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Nnandasaipalankius@gmail.com
88% match
Loading thumbnail…

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.

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

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
88% match
Loading thumbnail…

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.

Ssahithigovindaraju@my.unt.edu
87% match
Loading thumbnail…

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.

Kkeerthana11.mcs@gmail.com
87% match
Loading thumbnail…

Activity6_Q_9

This bubble chart visualizes the distribution of movie ratings across six genres, comparing the percentage of ratings in the 5.0-6.5 range (x-axis) with the 6.5-7.5 range (y-axis), while the bubble size encodes the percentage of ratings above 8.5 and color distinguishes genres. The visualization uses D3 v6 with SVG rendering, loading data from a remote CSV file via `d3.csv`. Interactive tooltips appear on hover, showing the exact numeric values for each genre, while axes and labels clarify the rating ranges being compared. The chart employs `d3.scaleLinear` for positional and radial encoding, `d3.scaleOrdinal` with `schemeCategory10` for categorical coloring, and standard D3 axes for annotation.

Aadapasaidivya99@gmail.com
87% match
Loading thumbnail…

activity6_q4

A bubble chart visualizes the correlation between movie rating ranges across six genres, plotting 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. Bubble size encodes the intermediate 6.5–7.5 rating percentage, while distinct colors identify each genre. The D3 v7 code uses `scaleLinear` for axes and sizing, `scaleOrdinal` for coloring, and includes interactive hover tooltips alongside axis labels and percentage-formatted ticks.

Mm.maanvireddt761@gmail.com
86% match
Loading thumbnail…

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.

Ssairamisetti3829@gmail.com
86% match