Movie Stats Scatter Plot Iteration 2

100%

Movie Stats Scatter Plot Iteration 2

✓ Published0🌍 Public

Last edited Feb 27, 2023

Created on Feb 19, 2023

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.

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?

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

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

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?

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

88% match

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?

87% match

Loading thumbnail…

Movie Stats Scatter Plot

This interactive scatter plot maps movie runtime against rating, with each point representing a film. Genre filter checkboxes let users toggle visibility of specific categories, dynamically updating the visualization. Built with React and D3 v7, the visualization uses D3 scales and axes to position points, while a bitstring tracks the active genre filters. The plot renders from an embedded CSV dataset containing movie metadata such as year, revenue, and metascore, with the React component orchestrating state changes as users interact with the checkboxes.

KKyle?

84% match