Basic Scatter Plot

100%

Basic Scatter Plot

✓ Published0🌍 Public

Last edited Oct 24, 2017

Created on Oct 24, 2017

This scatter plot shows the relationship between the number of human faces appearing on a movie poster (x-axis) and the movie's IMDB rating (y-axis), with each circle representing a film. The data, sourced from a Kaggle dataset of 5,000 IMDB movies, is filtered to US films with ratings. The visualization uses D3 v4 with SVG rendering, plotting movie ratings against poster face counts. A color legend distinguishes data points, and the plot is built from a CSV dataset containing movie metadata such as title, director, genre, budget, and IMDB scores. The chart is implemented as a fork of Curran's stylized scatter plot, adapted by adamfknapp.

AI-generated description

This scatter plot compares the number of human faces in a movie poster to the movies rating on IMDB.com. This visualization only shows US films released with a rating.

The data show here was scrapped from IMDB and is availible on Kaggle.com at https://www.kaggle.com/deepmatrix/imdb-5000-movie-dataset/data

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/ecb09f2605c7fbbadf0eeb75da5f0a6b'>Stylized Scatter Plot with Color Legend</a>

forked from <a href='http://bl.ocks.org/adamfknapp/'>adamfknapp</a>'s block: <a href='http://bl.ocks.org/adamfknapp/59ac2585ead2c8556d03d5a9107ba8f9'>Scatter Plot 0919</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between the number of human faces on a movie poster and the movie's IMDB rating, using data from a Kaggle dataset of 5,000 IMDB movies. Each circle represents a US film, positioned along the x-axis by the number of faces in the poster and along the y-axis by its IMDB score. The visualization is rendered with SVG in D3 v4, using a color legend to differentiate movies. The data was scraped from IMDB and made available on Kaggle.

Aadamfknapp

98% match

Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the relationship between the number of human faces on a movie poster and the movie’s IMDB rating, using data from a Kaggle dataset of US films. Each point represents a movie, with the x-axis showing the count of faces and the y-axis the IMDB rating. Rendered with D3 v4 and SVG, the plot provides a simple, unadorned view of the distribution. The chart is implemented as a basic scatter plot without color encoding or interactive features, and the underlying data is derived from the IMDB 5000 movie dataset.

Aadamfknapp

98% match

Loading thumbnail…

Basic Scatter Plot

This scatter plot compares the number of human faces on a movie poster with the movie’s IMDB rating for US films. Each circle represents a movie, positioned along the x-axis by face count and the y-axis by rating. The visualization is built with D3 v4, rendering SVG circles, and uses data from IMDB (via Kaggle). The chart is forked from Curran's stylized scatter plot with color legend.

Aadamfknapp

96% match

Loading thumbnail…

Basic Scatter Plot

This basic scatter plot visualizes the relationship between a movie's IMDB rating and its number of Facebook likes, using data from the Kaggle IMDB 5000 Movie Dataset. The chart uses a linear scale for the x-axis (IMDB rate) and a logarithmic scale for the y-axis (Facebook likes), with each movie represented by a semi-transparent blue circle. Built with d3.v4, the code employs `d3.scaleLinear()`, `d3.scaleLog()`, and `d3.axisBottom()`/`d3.axisLeft()` to build the axes, while `d3.csv()` loads the data and appends SVG circles with tooltips showing the movie title and like count.

CCurran Kelleher

84% match

Loading thumbnail…

Basic Scatter Plot

This scatter plot displays the relationship between a movie's gross earnings and its IMDb score, with each point representing a film. The data is loaded from a CSV file and rendered as an SVG scatterplot using D3 v4. The x-axis maps movie gross in dollars and the y-axis maps IMDb score, while the point color reflects movie color. The visualization demonstrates basic scatter plot construction, including axes, scales, and circle elements positioned based on parsed numeric values.

Aadamfknapp

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

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…

IMDB-Rate vs Facebook-Likes

This scatter plot visualizes the relationship between a movie’s IMDB rating (x-axis) and its Facebook likes (y-axis), using data from Kaggle’s IMDB 5000 Movie Dataset. Each circle represents a movie; the x-axis shows the IMDB score, while the y-axis shows Facebook likes in thousands, with gridlines and labeled axes in green, yellow, and blue. Hovering over a circle reveals a tooltip with the movie title, IMDB score, and like count. Clicking a circle opens its IMDB page in a new tab. The chart is built with D3 v4, renders in SVG, and uses a semi-transparent blue circle mark with opacity to handle overplotting, letting denser areas appear darker.

BBruceHenry

78% match