Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
MMrajyalakshmi
Last edited Feb 17, 2016
Created on Feb 17, 2016

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.

AI-generated description

Built with blockbuilder.org

Movie Success Rate and MPAA rating

Scatter Plot

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.

Mouseover:tooltip.

Similar vizzes

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

Scatter Plot

This scatter plot visualizes movie performance by plotting budget against worldwide earnings. Each circle represents a film, colored by its box-office verdict (All-Time-Blockbuster, Blockbuster, Hit, or default Blue) and sized by its India net and overseas earnings. The visualization loads a remote CSV dataset and uses D3 v6 scaleLinear and extent functions to map the data, with axisLeft and axisBottom generating the axes. The chart displays movie titles from the source data, with a red title and green axis labels.

BBhavyaMammai
85% match
Loading thumbnail…

fresh block

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.

MMrajyalakshmi
84% 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
83% 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
83% 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
83% match
Loading thumbnail…

Reusable Scatter plot

This scatter plot visualizes movie performance metrics, including budget, worldwide earnings, and overseas revenue, with each point colored by box office verdict such as Blockbuster or Hit. The visualization cycles through different financial columns on the x-axis using `setInterval`, dynamically updating the scale and axes via the reusable `scatterPlot` function built with D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a CSV using `d3.csv`, and circles are rendered in SVG with animation, while a legend shows verdict categories and their corresponding colors.

BBhavyaMammai
82% match