🌍 Public
Viewing a saved revision (read-only)
74d5bf8b501444f38352038bb65c5f33
Week 5: IMDB Top 250 Movies Histogram: Movie Runtime Distribution
XXiaojun
Last edited Sep 29, 2025
Created on Sep 24, 2025
This histogram visualizes the distribution of runtimes for IMDB's Top 250 movies, using 20-minute bins to show the frequency of films across different durations. The visualization is built with React and D3 v7, employing `select`, `scaleLinear`, `extent`, `max`, and `bin` from the D3 API to bin the data and map values to screen coordinates. It plots a green bar chart with labeled x-axis (run time in minutes) and y-axis (frequency), with axes rendered via `axisBottom` and `axisLeft`. The dataset, sourced from Kaggle's IMDB Top 250 Movies list, is parsed from CSV using a custom runtime parser to convert time strings to numeric minutes.
AI-generated description