Activity6_Question4

100%

Activity6_Question4

✓ Published0🌍 Public

Last edited Nov 1, 2025

Created on Nov 1, 2025

This bubble chart shows the relationship between a movie's production budget (x-axis), box office revenue (y-axis), and IMDb rating (bubble size and color) for ten well-known films. The plot uses a square-root scale for bubble radius and a sequential plasma color interpolator to encode ratings. Data is loaded from a remote CSV file using `d3.csv` and rendered as SVG circles with `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.axisBottom`/`d3.axisLeft`. Interactive tooltips display precise values on hover.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes the relationship between movie budget, box office revenue, and audience rating for 13 films. Each bubble’s x-axis position encodes budget, y-axis position encodes box office earnings, and bubble radius encodes rating, with movie name labels and a color-coded legend. The visualization uses D3.js v7 with SVG rendering and animation, reading data from a local CSV file. Tooltips provide detailed information on hover, and the code utilizes `d3.axisBottom`, `d3.axisLeft`, `d3.scaleLinear`, and `d3.scaleOrdinal` for axes and colors.

PPreethi Medepalli-91

90% match

Loading thumbnail…

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.

Kkoushikkumarreddykoorapati@my.unt.edu

87% 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

84% match

Loading thumbnail…

Activity6 Task4 Q 1

This scatter plot shows the relationship between movie production budgets and box office revenues for 51 films, with each point colored by genre (Action, Animation, Sci-Fi, etc.). Hovering over a point enlarges the circle and displays a tooltip with the movie title, release year, genre, budget, and revenue. The visualization uses D3.js v7 with `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for genre colors, and `d3.csv` to load the dataset. Mouse events trigger smooth transitions and tooltip positioning.

Kkoushikkumarreddykoorapati@my.unt.edu

83% match

Loading thumbnail…

Activity_6_q3

This scatter plot from D3 v6 visualizes movie box office performance, plotting Budget on the X-axis against Box Office revenue on the Y-axis, with points colored by Genre. The chart reveals a strong positive correlation between production cost and revenue, with Action films clustering in the upper right at high budgets and revenues, while Dramas concentrate in the lower-left with lower values. The code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to map coordinates and colors, while axes and legends are drawn with `d3.axisBottom` and `d3.axisLeft`. Data loads from a CSV file via `d3.csv` and renders as SVG circles.

Mmaneeshraja47@gmail.com

83% match

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

83% 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

82% match

Loading thumbnail…

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.

Nnishwitha.1032@gmail.com

82% match