Movie Stats Scatter Plot

100%

Movie Stats Scatter Plot

✓ Published0🌍 Public

Last edited Feb 19, 2023

Created on Feb 13, 2023

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`.

AI-generated description

A scatter plot of the Iris Dataset with no axes.

MIT Licensed

Similar vizzes

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 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?

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?

90% 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?

89% 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?

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

86% match

Loading thumbnail…

Movie Stats Scatter Plot Final Iteration

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.

KKyle?

86% match

Loading thumbnail…

Movies Scatter Plot

A scatter plot displays movie ratings against release dates from 1958 to 2019, with each red semi-transparent circle representing a single film’s score. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the data, while `csv()` loads the dataset and SVG renders the circles. Grid lines extend from both axes, and custom axis labels and a title annotate the chart.

DD0no

86% match