Viewing a saved revision (read-only)
64b0545bdf1f4a70a6b1e287e58d4de8
My suggestion to IMDB Top 250 Movies Scatter Plot: Rating vs. Runtime
This scatter plot visualizes the relationship between IMDb ratings and runtimes for top 250 movies, with circles colored by genre. A dropdown filter allows users to view movies by decade, and dashed regression lines show rating-runtime trends per genre. The visualization uses React with D3.js v7, leveraging `scaleLinear` for axes, `scaleOrdinal` with `schemeTableau10` for genre colors, and includes zoom/pan interactions via D3’s `zoom` identity transforms. Data is loaded from a CSV file and preprocessed to parse runtimes and simplify genres.
AI-generated descriptionMovie Runtime vs Rating Visualization
An interactive scatter plot visualization showing the relationship between movie ratings and runtime, with regression lines for each genre and zoom/pan capabilities.
Features
- Regression Lines: Linear regression lines for each genre showing trends
- Zoom & Pan: Click and drag to pan, use scroll wheel to zoom in/out. Double-click to reset.
- Genre Filtering: Click on legend items to filter by genre
- Interactive Tooltips: Hover over data points to see movie details
- Decade Filtering: Filter movies by decade using the dropdown
Controls
- Pan: Click and drag on the chart area
- Zoom: Use mouse wheel to zoom in and out
- Reset: Double-click on the chart to reset zoom
- Genre Filter: Click legend items to highlight specific genres
- Decade Filter: Use dropdown in top-right to filter by decade