base scatter plot rev 02

100%

base scatter plot rev 02

✓ Published0🌍 Public

Last edited Nov 15, 2017

Created on Oct 19, 2017

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.

AI-generated description

Built with blockbuilder.org

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

86% match

Loading thumbnail…

base scatter plot rev 04- Test

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.

Aadamfknapp

81% match

Loading thumbnail…

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

OOlha

72% 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…

SVG face

A scatter plot visualizes movie dialogue data, with each circle representing a film. The x-axis shows the number of men's lines and the y-axis shows women's lines from the provided CSV dataset. Hovering reveals the movie title and exact line counts via a tooltip. The visualization uses D3 v5 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` for data loading, with circles styled in steelBlue. Animated transitions occur on the tooltip's opacity changes.

Uuttam-vish

71% match

Loading thumbnail…

Fork of Women in Parliament

This chart uses a green area graph with a red stroke to show the total number of women in the U.S. Congress from 1993 to 2000, based on a CSV dataset from a GitHub gist. Built with d3.v5, it uses `area`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG, with the x-axis labeled "Years" and the y-axis labeled "Women_total." The visualization is a fork of an original example, and it only displays a sliced subset of the data (rows 44–52).

RRinoj-Gautam

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