Skip to main content
SimilarExport ZIP
100%

Movie Stats Scatter Plot Final Iteration

✓ Published3🌍 Public
KKyle?
Last edited Apr 28, 2023
Created on Apr 6, 2023

This interactive visualization lets users explore IMDB movie data through a customizable scatter plot. Users select which genres or actors to display and independently choose the X and Y axes from yearly release, runtime, rating, votes, and revenue. The plot encodes genre with color and includes hover effects that reveal movie titles. Built with D3 v7, the visualization uses the `scaleLinear` and `extent` functions for scales, `axisLeft` and `axisBottom` for labeled axes, and SVG circles for data points. The project also features a separate actor network graph, though it remains incomplete. Movie data is loaded from a local CSV file.

AI-generated description

This is a two pronged project both centralizing around the same CSV!

The CSV is data from ~1000 movies off of IMDB The fields include actors, genres, runtime, revenue, release year, and more!

The first prong is a customized scatter plot. You decide what you want to see. You can choose the X-Axis and the Y-Axis! Then you can decide what genres you want plotted, or what actor you want plotted You can hover over each dot to see what movie it is!

The second prong is an actor network. It is a graph of actors linked by shared movies. It is a bit of a mess at the current moment, but I think it has high potential!

MIT Licensed

Similar vizzes

Loading thumbnail…

Movie Stats Scatter Plot Iteration 7

This interactive visualization lets users explore IMDB data for roughly 1,000 movies through a customizable scatter plot. Users select which genres or a specific actor to display, and choose which metrics (year, runtime, rating, metascore, votes, or revenue) appear on each axis. Hovering over a dot reveals the movie title. Built with D3 v7, it uses `d3.scaleLinear` and `d3.axisLeft`/`axisBottom` to render an SVG chart, with data loaded from a CSV file.

KKyle?
94% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 3

This interactive scatter plot visualizes movie statistics, letting users explore relationships between attributes like IMDB rating, runtime, and revenue. Users can toggle checkboxes to filter movies by genre, with each genre assigned a distinct color, and can switch the x- and y-axis variables via radio buttons, which update the plot accordingly. The visualization uses D3 v7's `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and data points, loading tabular data from a CSV file.

KKyle?
93% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 5

This interactive scatter plot visualizes movie statistics from a CSV dataset, allowing users to compare variables such as IMDB rating, revenue, runtime, and year. Users can filter points by genre through colored checkboxes, search for specific actors, and switch the x- and y-axis among six quantitative fields. Clicking a circle displays the movie’s title. The visualization uses D3 v7 APIs like `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and circles, with SVG elements updated dynamically via `selectAll` and `join`.

KKyle?
93% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 4

This interactive scatter plot displays movie statistics from the data.csv file, allowing users to toggle genre filters via checkboxes and select which attributes (e.g., IMDB rating, Revenue, Runtime) map to the x- and y-axes through radio buttons. D3 v7 powers the scales, axes, and circle rendering, with genres color-coded and hover events showing the movie title. The implementation uses d3.scaleLinear, d3.axisBottom/axisLeft, and d3.csvParse to load data and update the visualization through a state-driven design.

KKyle?
91% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 2

This scatter plot displays movie data with IMDB ratings on the x-axis and revenue on the y-axis. Users can filter the visible data points by selecting genre checkboxes, which constructs a bit string that controls each dot’s opacity via the `dotAppears` function. The visualization uses D3 v7’s `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csvParse` APIs to load the CSV, map coordinates, and render axes. Checkbox state is read from the DOM to determine which genres remain visible.

KKyle?
90% match
Loading thumbnail…

Movie Stats Scatter Plot Iteration 2

This scatter plot displays movie ratings against revenue, with each circle representing a film from a dataset of popular movies. Interactive genre checkboxes filter which points appear by toggling visibility based on a bit string that encodes selected genres. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while the `scatterPlot` module dynamically adjusts circle radius to zero for unselected genres. Data loads from a CSV file, and genres like Action and Comedy control which movies remain visible.

KKyle?
88% 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
87% 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?
86% match