fresh block

100%

✓ Published0🌍 Public

Last edited Feb 17, 2016

Created on Feb 17, 2016

This bubble chart visualizes the relationship between a movie’s budget and its gross earnings, with point size encoding gross revenue in millions and color hue representing the MPAA rating (e.g., R, PG-13). The D3.js v3 code loads data from a TSV file, uses linear scales for both axes, and applies a square-root scale to map gross to radius. Interactive tooltips, provided by the d3-tip library, display the movie title and gross value on hover, while a categorical color scale distinguishes ratings in the SVG canvas.

AI-generated description

Built with blockbuilder.org

Movie Success Rate and MPAA rating

Marks Used:

Points

Channels Used:

Identity Channel

-Color Hue : MPAA rating,movie rating is represnted through color.

-Spacial Region:Gross,Movie gross collection in millions is represented through the size of the point.

forked from <a href='http://bl.ocks.org/Mrajyalakshmi/'>Mrajyalakshmi</a>'s block: <a href='http://bl.ocks.org/Mrajyalakshmi/c430a1ccf08735eea81f'>fresh block</a>

Similar vizzes

Loading thumbnail…

fresh block

A scatterplot shows movie budget versus gross earnings, with each circle’s size scaled to gross and color-coded by MPAA rating. The chart uses D3 v3 with SVG rendering, a categorical color scale for ratings, and a square-root size scale for gross. Hovering reveals a tooltip via d3-tip, while axes and legends are drawn with d3.svg.axis. Data is loaded from a TSV file containing movie titles, ratings, budgets, and grosses.

MMrajyalakshmi

95% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes movie success by plotting gross collections against budgets, with each point’s size encoding gross revenue and its color representing MPAA rating (PG, PG-13, R). The chart uses D3 v3 with SVG rendering, including linear scales for axes, a sqrt scale for point radii, and a category10 color scale for categorical ratings. Hovering a point reveals a tooltip built with d3.tip showing the movie title and gross earnings. Data is loaded from a local TSV file using d3.tsv.

MMrajyalakshmi

84% match

Loading thumbnail…

Scatter Plot

A scatter plot displays movie gross collections against budgets, with each point colored by MPAA rating and sized proportionally to gross earnings. The visualization uses D3 v3 with SVG rendering, including d3.svg.axis for axes, d3.scale.sqrt for point sizing, and d3.scale.category10 for color encoding. A d3-tip tooltip reveals movie title and gross on hover. Data originates from a tab-separated file listing movie attributes.

MMrajyalakshmi

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

79% match

Loading thumbnail…

Movie Genre, Rating and Budget

This visualization displays movies as bubbles in a force-directed chart, with each bubble’s position along the x-axis encoding IMDB rating and its y-axis position encoding genre. Bubble size represents the movie’s budget, and color encodes the rating value. The chart uses the `d3.forceChart()` plugin, which is built on `d3.layout.force`, to gently shift bubbles toward their target x and y positions while preventing overlaps through collision detection. Data comes from the ggplot2 `movies` dataset, filtered to include only post-2000 films with budget and rating information, and rendered as SVG circles.

FFrissAnalytics

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

78% match

Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes movie budgets against domestic gross earnings, with each circle representing a film. The chart uses D3 v6 to load CSV data and render SVG circles, with linear scales mapping budget to the x-axis and domestic gross to the y-axis. The code includes axis labels in red, a title, and interactive margins. D3’s `d3.csv` and `d3.autoType` handle data parsing, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` construct the visualization.

Mmadipadiga.raviteja@gmail.com

77% match

Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes the relationship between movie budget and domestic gross revenue, with each point representing a film. The visualization uses D3 v6 to load CSV data from a GitHub gist, scales the two variables linearly, and renders circles as SVG dots. The chart includes labeled axes, a centered title, and resizes dynamically to fit the browser window, with red axis labels and steelblue data points.

Mmadipadiga.raviteja@gmail.com

77% match