Skip to main content
SimilarExport ZIP
100%

Scatter Plot

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

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.

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.

Similar vizzes

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

Scatter Plot

This interactive scatter plot explores relationships among movie budget, gross revenue, and IMDb scores using data loaded from a CSV file. Dropdown menus let users select which three measures to compare on the x-axis, y-axis, and color scale. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to render animated SVG circles that transition from the chart’s center to their final positions. A modular `dropdownMenu` component and reusable `scatterPlot` function structure the code for maintainability.

Ddrmurugesh
84% match
Loading thumbnail…

Scatterplot

This scatterplot visualizes the top 50 Hollywood films released from 2007 to 2011, plotting each film’s budget (in $m) on the x-axis against audience ratings (in %) on the y-axis. Built with D3 v3, the SVG-based chart animates the circles in a cascading sequence using staggered transitions, and includes hover interactions that display a tooltip with the film’s title, budget, and audience rating. Styling features a warm cream background, rose-colored circles that darken on hover, dashed axes, and percentage-formatted y-axis tick labels.

CClevejones
83% match