Skip to main content
SimilarExport ZIP
100%

Fork of Fork of HTML Starter

✓ Published0🌍 Public
SSaba Siddiqi
Last edited Oct 8, 2026
Created on Oct 7, 2026

This scatterplot visualizes the evolution of movie genres over time by plotting IMDb ratings against release years for a dataset of over 100 films. Each circle is color-coded by genre, with its position determined by the film’s release year and rating. The visualization is built using D3.js (v7) with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. Interactive features include hover tooltips that appear after a delay and click-to-select highlighting.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This D3.js (v7) visualization shows the relationship between movie runtime, rating, and votes, with genre as a categorical color channel. It presents a scatterplot of movie data loaded from a GitHub-hosted CSV file, with axes for runtime and rating. The code uses D3 APIs including `d3.csv`, `d3.extent`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.select` to build the SVG chart. It also computes summary statistics like mean and median rating using `d3.mean` and `d3.median`. The page includes a summary box with data dimensions and field ranges.

Ttanubuddideepthi@gmail.com
85% match
Loading thumbnail…

Fork of Week 7: IMDB Top 250 Movies Tree Visualization

This interactive scatter plot visualizes the IMDB Top 250 movies, mapping release year on the x-axis and rating on the y-axis. Colored circles represent movie genres, with a legend that highlights selected genre points on mouseover. The visualization uses D3 v7 scales, axes, and ordinal color schemes within a React application, processing CSV data to categorize the top six genres and grouping remaining ones as "Other." The chart includes a title, axis labels, and interactive legend filtering.

XXiaojun
84% match
Loading thumbnail…

Fork of IMDb Movie ratings

A forked stacked bar chart compares IMDb rating distributions across six movie genres. Each horizontal bar shows the proportion of titles falling into five rating brackets, from below 5.0 to above 8.5, with color-coded segments and an interactive tooltip displaying exact percentages on hover. The visualization uses d3.stack() to compute stacked series, d3.scaleOrdinal for categorical colors, and d3.scaleBand for the genre axis. Data comes from a local CSV file, rendered as SVG with mouseover events controlling tooltip visibility.

Pperamranji
83% match
Loading thumbnail…

Fork of IMDb Movie ratings

A forked stacked bar chart compares IMDb rating distributions across six movie genres. Each horizontal bar shows the proportion of titles falling into five rating brackets, from below 5.0 to above 8.5, with color-coded segments and an interactive tooltip displaying exact percentages on hover. The visualization uses d3.stack() to compute stacked series, d3.scaleOrdinal for categorical colors, and d3.scaleBand for the genre axis. Data comes from a local CSV file, rendered as SVG with mouseover events controlling tooltip visibility.

Pperamranji
83% match
Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart visualizes the distribution of IMDb movie ratings across different genres, showing the percentage of films within each rating category. The visualization uses d3.v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal()` for categorical coloring, and `d3.scaleBand()` for the y-axis layout. Interactive tooltips appear on mouse movement, triggered by event listeners that display exact percentage values using `d3.format()`. The data originates from IMDb movie ratings, with genres mapped along the vertical axis and percentages plotted horizontally.

Rrishikareddy181@gmail.com
83% match
Loading thumbnail…

Fork

This example visualizes the distribution of ratings across movie genres as a percentage, with each bar representing a genre and its height indicating the proportion of a specific rating level. It shows the data as a stacked bar chart where hovering over a bar reveals the exact percentage via a tooltip. Built with D3 v7, the visualization loads data from a CSV file and uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and interactive mouse events to trigger tooltip transitions. The chart is rendered as an SVG with animated hover effects and lightweight styling.

Ssathvik0311@gmail.com
82% match
Loading thumbnail…

Fork of act_6_task_2

This stacked bar chart shows the percentage distribution of IMDb rating levels across six movie genres, highlighting how genre influences audience ratings. The horizontal bars use a diverging color scale for the five rating categories, with tooltips on hover revealing exact percentages, where each bar sums to 100%. The visualization is rendered as an SVG using D3 v7, employing `d3.stack` for data transformation and `d3.scaleOrdinal` for color assignment. The axes, ticks, and labels are generated with `d3.axisBottom` and `d3.axisLeft`, and the interaction relies on D3’s `.on('mouseover')` event handlers.

Hhlmn4936@gmail.com
82% match
Loading thumbnail…

Fork of IMDb Movie ratings

This visualization uses a stacked horizontal bar chart to show the distribution of IMDb ratings across six movie genres. Each bar represents a genre, with colored segments corresponding to rating brackets from "below 5.0" to "above 8.5," allowing comparison of rating profiles. Hovering over a segment reveals the exact percentage for that genre and rating category. The chart is built with D3 v7, using `d3.stack()` for the stacked bars, `d3.scaleBand` for the y-axis, and `d3.scaleOrdinal` for the color scheme. Data is loaded from a CSV file and rendered as SVG.

Kkrishi7079@gmail.com
82% match