SVG face

100%

✓ Published1🌍 Public

Last edited Feb 20, 2020

Created on Feb 20, 2020

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

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

SVG face

This example shows a scatter plot of dialog lines in movies, with the number of men’s lines on the x-axis and women’s lines on the y-axis. Each circle represents a film, colored from blue to red based on men’s line count, and hovering reveals a tooltip with the movie title and both line counts. Built with React and D3 v5, it uses `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data, scale axes, and render SVG circles with interactive mouse events.

Uuttam-vish

95% match

Loading thumbnail…

SVG face

This visualization displays a horizontal bar chart showing the number of Men_line data points for various movie titles, with each bar’s length proportional to the value. It uses React and D3.js v5, specifically `csv` for data loading, `scaleLinear` and `scaleBand` for scaling, and `axisLeft` and `axisBottom` for axes. The bars are rendered as SVG rectangles within a 900x500 pixel canvas, sourced from the provided `data.csv` file.

Uuttam-vish

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

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

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

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…

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?

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

73% match