Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatter Plot of Top 5000 TMDB Movies showing Runtime(X) vs. Budget(Y)

Public visualization

Viewing a saved revision (read-only)

0d6897ba22b34d4d9fb675e0ff4cee33

D3 Scatter Plot of Top 5000 TMDB Movies showing Runtime(X) vs. Budget(Y)

0 stars2🌍 Public
TT-Reiser
Last edited Sep 15, 2021
Created on Sep 15, 2021
Forked from D3 Scatter Plot

This scatter plot visualizes the relationship between runtime and budget for the top 5000 TMDB movies, sourced from a CSV file loaded via the `d3.csv` API. Each circle represents a movie, with its x-position mapped to runtime and y-position to budget, using `d3.scaleLinear` and `d3.extent` to compute scales. The SVG rendering uses `d3.select` to append the chart, along with `d3.axisLeft` and `d3.axisBottom` for axes. The plot fills the browser window, with axis tick labels sized at 24 pixels for readability.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Top 5000 TMDB Movies.