Skip to main content
SimilarExport ZIP
100%

Scatter Plot with D3

✓ Published1🌍 Public
OOlha
Last edited Feb 24, 2022
Created on Feb 22, 2022
Forked from Bar Chart with D3

This scatter plot visualizes the relationship between ticket sales and income for movies from 1995 to 2021. Each circle represents a movie, with its horizontal position mapped to income and vertical position to tickets sold. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` to load the data from a GitHub Gist. Seagreen circles are joined to the data using `selectAll` and `.join("circle")`, with title and axis labels added as SVG text elements.

AI-generated description

Assignment 4 part B

Scatter Plot

MIT Licensed

Similar vizzes

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
81% 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?
81% 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
80% match
Loading thumbnail…

scatter plot v1

This scatter plot v1 example visualizes movie data from a CSV file, plotting each film’s budget against its gross earnings. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis. Bars are colored steelblue via CSS. The code loads data with `d3.csv`, converts population values, and renders axes using `axisLeft` and `axisBottom`. The dataset originates from a movie ratings source.

Yyqinolive
79% 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
79% match
Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes movie budgets against domestic gross earnings, with each circle representing a film. The chart uses D3 v6 to load CSV data and render SVG circles, with linear scales mapping budget to the x-axis and domestic gross to the y-axis. The code includes axis labels in red, a title, and interactive margins. D3’s `d3.csv` and `d3.autoType` handle data parsing, while `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` construct the visualization.

Mmadipadiga.raviteja@gmail.com
79% match
Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot visualizes the relationship between movie budget and domestic gross revenue, with each point representing a film. The visualization uses D3 v6 to load CSV data from a GitHub gist, scales the two variables linearly, and renders circles as SVG dots. The chart includes labeled axes, a centered title, and resizes dynamically to fit the browser window, with red axis labels and steelblue data points.

Mmadipadiga.raviteja@gmail.com
78% match
Loading thumbnail…

Reusable Scatter plot

This scatter plot visualizes movie performance metrics, including budget, worldwide earnings, and overseas revenue, with each point colored by box office verdict such as Blockbuster or Hit. The visualization cycles through different financial columns on the x-axis using `setInterval`, dynamically updating the scale and axes via the reusable `scatterPlot` function built with D3's `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a CSV using `d3.csv`, and circles are rendered in SVG with animation, while a legend shows verdict categories and their corresponding colors.

BBhavyaMammai
78% match