Skip to main content
100%

base scatter plot rev 04- Test

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

This example visualizes the Bechdel Test results for the top 25 films of 2000 and 2001, using a scatter plot where each film is positioned by release year and rank. The SVG visualization animates as points appear, with data loaded from a CSV file. Each point is colored by the film’s Bechdel Test result (Pass, Fail, or No Data), offering a quick comparison of gender representation across popular movies. The chart is built with D3 v3 and includes smooth transitions, making the scatter plot interactive and easy to explore.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/adamfknapp/'>adamfknapp</a>'s block: <a href='http://bl.ocks.org/adamfknapp/c5cd902b20ea87b35e420f26f016e8f5'>base scatter plot rev 02</a>

mit Licensed

Similar vizzes

Loading thumbnail…

base scatter plot rev 03

This example visualizes the relationship between movie release year and tickets sold for the top 25 films per year from 2000–2001, using a scatter plot rendered with SVG and animation. Each point is colored by Bechdel test result (pass, fail, or no data) and includes hover interactions. The visualization is built with D3 v3 and reads from a CSV dataset, animating point positions on load and letting viewers explore the distribution of film performance across years and test outcomes.

Aadamfknapp
90% match
Loading thumbnail…

base scatter plot rev 02

This scatter plot animation explores the relationship between the percentage of women in Congress and the number of movie tickets sold per year from 2000 to 2013, with each point representing a year. Points are rendered as SVG circles and transition smoothly between years, drawing from two CSV datasets—one containing film records with Bechdel test results and the other with yearly demographic data. The animation highlights trends in women’s congressional representation against box-office attendance, with the points shifting over time to reveal patterns across the 14-year span.

Aadamfknapp
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
73% 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
72% match
Loading thumbnail…

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

KKyle?
72% 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
72% match
Loading thumbnail…

D3 Starter lgbt movies

This interactive scatterplot explores the relationship between a movie's rank and two selectable metrics: score and year. Users toggle between measures via buttons, triggering a smooth transition that updates the y-axis and circle positions. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, `axisLeft`, and `transition` to animate changes. Hovering over a circle reveals a tooltip with movie details, while the data is sourced from the Human Development Report 2019 and rendered as SVG.

Mmaxthamt
71% 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
71% match