Movie Streaming (Rating v/s Year released)

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

81% match

IMDB Top 250 Scatter Plot

This scatter plot visualizes the IMDb Top 250 dataset, showing each movie as a dot positioned by its release year on the x-axis and its rating on the y-axis. The dot radius encodes the number of votes a movie received, allowing viewers to compare the popularity and critical reception of these top-rated films. The visualization is built with d3.v6, using scaleLinear for all axes and the radius encoding, with data loaded via d3.csv. The SVG rendering includes axisBottom and axisLeft components, while circles are colored darksalmon with a fill-opacity of 0.3.

YYichen Li

80% match

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.

78% match

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

Week 6: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This scatter plot displays the top 250 IMDB movies, plotting release year on the x-axis against rating on the y-axis. Each point is colored by genre, using a d3.scaleOrdinal with the schemeCategory10 palette, and the top six genres are shown in a legend with others grouped as "Other." Built with React and D3 v7, the visualization loads data from a CSV file and renders circles with fixed radius and 70% opacity, using d3.scaleLinear for both axes and d3.axisBottom and d3.axisLeft for tick marks.

XXiaojun

Week 5: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This scatter plot displays the release year and IMDB rating of the top 250 movies from Kaggle, with each film shown as a colored circle representing its genre. The visualization uses the React framework to load data from a CSV file, then relies on d3.scaleLinear and d3.extent to map the year and rating axes, while d3.scaleOrdinal with a category-10 scheme colors the points by genre. Fixed-radius dots at 70% opacity reveal the distribution of critically acclaimed films across decades, with axes rendered via d3.axisBottom and d3.axisLeft.

XXiaojun

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

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.