Gist 084750a10fa41a3849235a117dec0b7b

100%

Gist 084750a10fa41a3849235a117dec0b7b

✓ Published0🌍 Public

Last edited Jun 16, 2018

Created on Jun 16, 2018

This visualization plots movie production budget against box office earnings, with each film’s genre, ROI, and IMDb rating encoded through color, size, and position. Using a scatterplot rendered with D3.js, it employs `d3.forceSimulation` to arrange overlapping points and `d3.scaleOrdinal` for genre-based coloring. Data comes from the included `movies.csv` file, with axes scaled linearly to handle outliers like *Avatar* and *ET*.)

AI-generated description

Similar vizzes

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…

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

79% match

Loading thumbnail…

Movies example dataset from RawGraphs.io

This example visualizes the financial performance of 26 movies using a force-directed network layout, where each node represents a film and its position encodes the relationship between production budget, box office revenue, and return on investment. The graph reveals clusters of high-performing genres like Action and Adventure, with outliers such as *ET* and *Titanic* dominating the ROI scale. The visualization is built with D3.js, leveraging `d3.forceSimulation` for physics-based node placement and `d3.scaleLinear` to map continuous financial metrics to visual encodings like node size and color intensity. The underlying data comes from RawGraphs.io’s “Movies” dataset, sourced from a gist by Enriquema, and is parsed directly from CSV.

EEnriquema

79% match

Loading thumbnail…

Movie Stats Scatter Plot

This visualization plots movie ratings against box office revenue using a D3 v7 scatter plot, with data from a CSV file of film statistics. The plot displays each movie as a circle, and the interface includes checkboxes for filtering by genre, which dynamically update the visible data points using a bitstring representation. The code uses `d3.csvParse`, `d3.scaleLinear`, and `d3.extent` to handle data parsing and scaling, while the interactive filtering logic is implemented in the `dotAppears` function within `scatterPlot.js`.

KKyle?

78% match

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

78% match

Loading thumbnail…

scatter plot v1

This scatter plot v1 example visualizes movie data from a CSV file, plotting each film’s budget against its gross earnings. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Bars are colored steelblue via CSS. The code loads data with `d3.csv`, converts population values, and renders axes using `axisLeft` and `axisBottom`. The dataset originates from a movie ratings source.

Yyqinolive

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

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

77% match