Fork of Week 7: IMDB Top 250 Movies Tree Visualization

Fork of Week 5: IMDB Top 250 Movies Bubble

This scatterplot visualizes IMDB’s Top 250 movies, plotting each film’s release year on the x-axis against its runtime in minutes on the y-axis. Circle size encodes the movie’s rating, while color distinguishes its primary genre. The visualization uses D3 v7 scales including `scaleLinear`, `scaleSqrt`, and `scaleOrdinal` for positioning, radius, and categorical coloring, with React managing the SVG lifecycle. Data is loaded from a CSV file and filtered to exclude missing values before rendering.

Week 14: IMDB Top 250 Movies – Interactive Visualization Dashboard

This interactive dashboard visualizes IMDB's top 250 movies across five linked charts, including scatter plots, stacked bars, a genre bar chart, and a hierarchy tree. Users filter by decade and toggle regression or trend lines while hovering over genres in the legend to highlight specific categories. Built with React and D3 v7, the visualization uses `scaleLinear`, `scaleOrdinal`, `hierarchy`, `tree`, and `linkHorizontal` APIs. The dataset comes from a Kaggle compilation of IMDB ratings, budgets, runtimes, and genres. Interactive controls include dropdowns, buttons, and zoomable tree navigation with tooltips.

Week 13: IMDB Top 250 Movies – Interactive Visualization Dashboard

This interactive dashboard explores the IMDB Top 250 Movies dataset, presenting a tabbed interface with four distinct visualizations: scatter plots of rating versus runtime and year versus rating, a stacked bar chart of genre distribution across runtime bins, and a genre count bar chart. A hierarchical tree organizes movies by decade and genre. Users can filter by decade, toggle regression and trend lines, and interact with the legend to highlight specific genres. The dashboard uses D3.js v7 within a React framework, utilizing APIs such as `scaleLinear`, `scaleOrdinal`, `stack`, and `tree` for rendering.

Week 4: IMDB Top 250 Movies Scatter Plot with React & D3

This scatter plot visualizes the IMDB Top 250 movies dataset, mapping each film's release year on the x-axis against its user rating on the y-axis. Each point represents a movie, colored by its primary genre, revealing trends in how ratings have evolved over cinema history. Built with React and D3.v7, the implementation uses `scaleLinear` for axes and `scaleOrdinal` with `schemeCategory10` for genre coloring. The code reads from a local CSV file, applying numeric coercion before rendering the visualization with the `viz` function.

Week 6: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This scatter plot displays the top 250 IMDB movies, plotting release year on the x-axis against rating on the y-axis. Each point is colored by genre, using a d3.scaleOrdinal with the schemeCategory10 palette, and the top six genres are shown in a legend with others grouped as "Other." Built with React and D3 v7, the visualization loads data from a CSV file and renders circles with fixed radius and 70% opacity, using d3.scaleLinear for both axes and d3.axisBottom and d3.axisLeft for tick marks.

89% match

Week 12: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This interactive scatter plot visualizes the relationship between release year and IMDb rating for the top 250 movies, with each point colored by genre using d3’s `scaleOrdinal` and `schemeCategory10`. A toggle button, implemented with React state, switches between the base view and an overlay showing average rating trends per genre across decades, which reduces point opacity to 0.2. The visualization is built with React and D3 v7, loading data from a CSV file, and includes axes rendered with `axisBottom` and `axisLeft`.

89% match

Week 9: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This scatter plot visualizes the top 250 IMDB movies, plotting each film’s release year against its rating. The chart uses D3 v7 scales and SVG circles, with colors encoding the primary genre. Hovering over the legend highlights films of that genre by adjusting circle opacity. Data is loaded from a CSV and processed in React, with axes rendered via D3’s axisBottom and axisLeft.

88% match

copy Week 6: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This scatter plot visualizes the relationship between release year and IMDb rating for the top 250 movies, with each point colored by genre. The visualization uses D3.js scales to map year and rating to x and y coordinates, while a categorical color scale assigns distinct colors to the seven most frequent genres. A legend identifies the genre colors, and both axes include labeled tick marks. The code processes CSV data in React, flattening multi-genre entries before passing them to the visualization module.