Activity6 Task3 Q 1

100%

Activity6 Task3 Q 1

✓ Published2🌍 Public

Kkoushikkumarreddykoorapati@my.unt.edu

Last edited Apr 6, 2025

Created on Apr 6, 2025

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.

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

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

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

86% match

Loading thumbnail…

ICE-7-Assignment-7

This interactive scatter plot displays movie budgets versus box office revenue, with each circle colored by genre and featuring hover tooltips showing title, genre, and financial details. Built with D3 v6, the visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for color encoding, and d3.axisBottom/axisLeft for tick marks. The reusable scatterPlot() function employs data joins and transition-based tooltip opacity changes. The animation aspect comes from interactive mouseover effects that enlarge circles and reveal rich metadata, rendering SVG elements within a bordered container.

KKrishna.

83% match

Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between percentages of movie ratings in the 5.0-6.5 and 6.5-7.5 ranges, with each point representing a genre. The visualization distinguishes genres using both color and shape, encoding circles, squares, and triangles through D3 symbols. The code loads CSV data from a GitHub repository using d3.csv, applies d3.scaleLinear for both axes, and renders the chart as SVG. Axes are generated with d3.axisLeft and d3.axisBottom, while tooltips are added via SVG title elements showing genre and coordinates.

Ssaiteja.cse.rymec@gmail.com

82% match

Loading thumbnail…

Activity6_Q_6

This interactive scatter plot visualizes the relationship between the percentage of movie ratings in the 5.0–6.5 range and the 6.5–7.5 range, using data from a remote CSV file. It loads D3 v6 via UNPKG and filters the data by genre, with each circle colored according to its genre and showing a tooltip on hover. The visualization uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes, labels, and circles in an SVG canvas.

Aadapasaidivya99@gmail.com

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

81% match

Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes movie data, comparing three variables—budget, gross revenue, and IMDB score—through user-selectable dropdown menus. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` to load and render the data as animated SVG circles. Each axis is controlled via a dropdown menu, and points transition smoothly into position over one second, with axis labels and tick marks generated dynamically. The data is sourced from a local CSV file.

Ssourcebox-bug

81% match