Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Week 5: IMDB Top 250 Movies Histogram: Movie Runtime Distribution

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a6c1a49dba784af1af69a677461b87d2

Open

Week 5: IMDB Top 250 Movies Histogram: Movie Runtime Distribution

0 stars1🌍 Public
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

Movie Runtime Distribution

This visualization shows the distribution of movie runtimes from a dataset of top films. The histogram displays how frequently movies fall within certain runtime ranges.