Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatter Plots of TV_SHOWS_REVISE

✓ Published0🌍 Public
LlzlazmSylas
Last edited Oct 22, 2021
Created on Oct 19, 2021

This visualization presents TV show ratings from a Rotten Tomatoes dataset, plotting release year on the x-axis and Rotten Tomatoes scores on the y-axis. Circle radius encodes half the IMDb score, with all points colored salmon. The main scatter plot uses d3.scaleLinear axes, while a second chart below shows a bar histogram of show counts per year, also using d3.rollups for aggregation. A d3.brushX selection is built into the scatter plot to filter data interactively, with the SVG rendered using D3 v6.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plots of TV_SHOWS_REVISE

This scatter plot visualizes TV shows, mapping release year on the x-axis and Rotten Tomatoes scores on the y-axis, with circle radius encoding half of the IMDb score. All circles are colored salmon, reflecting the drama/show genre designation. The visualization uses d3.csv to load data from a GitHub Gist, d3.scaleLinear for all positional and radius scales, and d3.axisLeft and d3.axisBottom to render axes in SVG. A second, smaller context area is set up using d3.scaleLinear, though the brushing interaction remains commented out in the code.

LlzlazmSylas
93% 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
76% 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
74% match
Loading thumbnail…

Document

This visualization presents a multi-panel exploration of the TMDB 5000 movie dataset using D3 v5, rendered as SVG with animated transitions. It combines three coordinated chart types: a scatter plot comparing budget and popularity, a bar chart for average vote versus vote count, and a time series showing release date versus runtime. The time plot includes an overlaid line chart showing the count of movies per year, along with animated circles that draw the data points sequentially. The visualizations are linked so that interacting with one plot updates the others, enabling cross-filtering of the dataset. The layout divides the available width and height into quadrants, with the time plot spanning the bottom half and the scatter and bar charts sharing the top half. The design uses a minimal black-and-white aesthetic with white axes, labels, and strokes on a transparent background.

AAlexDaGr8
74% 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?
73% 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?
73% match
Loading thumbnail…

Scatter Plot

This scatter plot displays movie titles against their release years, using D3 v5 with SVG rendering. The visualization is built with d3.scaleLinear for both axes, d3.extent to compute domains, and d3.axisLeft/axisBottom for tick marks, with data loaded from a semicolon-delimited CSV. Circles of radius 15 are positioned via d3.csv, with the x-axis formatted using d3.format to abbreviate large numbers. The chart includes axis labels and a title, styled through external CSS.

DD0no
73% 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
73% match