Skip to main content
100%

Basic Scatter Plot

✓ Published0🌍 Public
Aadamfknapp
Last edited Oct 19, 2017
Created on Oct 19, 2017

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.

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

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
83% 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?
77% 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?
77% match
Loading thumbnail…

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
76% match