100%

Stacked Bar Chart IMBD Ratings vs. Meta Score for Top 20 Movies

✓ Published0🌍 Public

Last edited Nov 15, 2024

Created on Nov 15, 2024

This stacked bar chart compares IMDb ratings and Meta scores for the top 20 movies from a CSV dataset, with each bar segment representing one metric. The visualization uses D3.js `scaleBand` and `scaleLinear` for axes, with mouseover legend interactions to highlight either IMDb or Meta bars. Data is sourced from `imdb_top_1000.csv` and rendered via SVG rectangles.

AI-generated description

A bar chart showing the top 10 most populous countries on Earth as of January 1st 2024.

Challenge

Fork this viz and modify it to show your own data

MIT Licensed

Similar vizzes

Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart shows the distribution of IMDb ratings across six movie genres, with each bar segment representing the percentage of movies falling into rating bands from "below 5.0" to "above 8.5". The code loads CSV data via `d3.csv`, stacks series using `d3.stack`, and scales positions with `d3.scaleLinear` and `d3.scaleBand`. Interactive tooltips appear on mouseover via D3 event handlers. The visualization is rendered as SVG with a custom ordinal color scale and legend.

Rrikhitakoganti12

82% match

Loading thumbnail…

IMDb Movie ratings

This stacked bar chart shows the distribution of movie ratings across different genres, with each bar segment representing the percentage of a rating level within a genre. Hovering over a segment reveals the exact percentage via a tooltip. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked layout, `d3.scaleLinear` and `d3.scaleBand` for axes, and an ordinal color scale for rating categories. Data is loaded from a CSV file using `d3.csv`.

Hharipriyaa07

81% match

Loading thumbnail…

IMDb Movie ratings

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar segment representing the proportion of films falling into five rating brackets. The visualization uses D3 v7 to load CSV data, stack the rating categories with `d3.stack`, and render the result as an SVG. Color-coded segments correspond to each rating range, and interactive mouse events reveal exact percentages via a tooltip. The chart includes a legend, axis labels, and a percentage-scaled x-axis.

Hharsha

80% match

Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart shows the distribution of IMDb ratings across movie genres, with each bar segment representing the percentage of ratings within five score ranges. Hovering over a segment reveals the exact percentage via an HTML tooltip. The visualization uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to generate the SVG bars, axes, and legend. Data is loaded from a CSV file using `d3.csv`, and the chart includes interactive mouseover and mouseout events for tooltip display.

Llikhithakarunakarreddym@gmail.com

80% match

Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six film genres. Each bar shows the proportion of movies falling into five rating brackets, from below 5.0 to above 8.5, with Action clearly dominated by lower scores and Documentary leaning toward higher ratings. The code uses D3.js v7 to load data from a CSV file, stack the categories with `d3.stack()`, scale the bars with `d3.scaleLinear` and `d3.scaleBand`, and add interactive tooltips that display precise percentages on mouseover via SVG rectangles.

Rrushithareddyy

80% match

Loading thumbnail…

IMDb Movie ratings

This interactive stacked bar chart visualizes IMDb movie rating distributions across six genres, with each bar segment representing the proportion of movies within specific rating brackets. The chart uses D3.js (v7) with an SVG rendering approach, employing `d3.csv` to load data and `d3.stack` to create the stacked segments. A legend maps five rating categories to a color scale, while mouseover events trigger tooltips showing exact percentages for each genre-rating combination. The code also demonstrates custom axis styling and font integration.

BBhavanaGIrni

80% match

Loading thumbnail…

Task-2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing a rating category from "below 5.0" to "above 8.5" as a percentage. The visualization uses d3.stack to transform the CSV data into stacked series, d3.scaleLinear for the x-axis, d3.scaleBand for the genre categories, and d3.scaleOrdinal with a custom color palette. Interactive tooltips display the precise percentage for each rating segment on mouseover, and the SVG rendering includes axis labels, gridlines, and a title.

Kkotipallipavan54@gmail.com

80% match

Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart shows the percentage of movie ratings across six genres, with each bar partitioned into five rating levels from “below 5.0” to “above 8.5.” Hovering over a segment reveals its exact percentage via a tooltip. The visualization uses D3 v7’s `d3.stack` to compute the stacked proportions and `d3.scaleOrdinal` for color encoding, rendering as SVG with axes from `d3.axisBottom` and `d3.axisLeft`. Data comes from a local CSV file summarizing IMDb rating distributions.

IIan Mac Moore

80% match