Skip to main content
SimilarExport ZIP
100%

Activity6 Task4 Q 1

✓ Published0🌍 Public
Kkoushikkumarreddykoorapati@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6 Task3 Q 1

An interactive SVG scatter plot visualizes the relationship between movie budgets and box office revenue, with each point colored by genre, and hover tooltips revealing title, year, budget, and revenue. The visualization loads data from a CSV file and uses D3.js v7 scales for axes, an ordinal color scale for genre categories, and D3 transitions to animate points and tooltips on mouseover and mouseout events.

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

Activity6_Question4

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.

Mmohanalaharic@gmail.com
87% match
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
87% 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
86% 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
86% 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
86% 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
85% match