Skip to main content
SimilarExport ZIP
100%

6.2

✓ Published1🌍 Public
Pperamranji
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from IMDb Movie ratings

This chart shows the distribution of IMDb movie ratings across six genres, using a stacked horizontal bar chart where each bar segment represents the percentage of movies in a rating range, such as below 5.0 or above 8.5. The data is loaded from a CSV file and rendered as SVG dynamically using D3 v7. The visualization employs `d3.stack`, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for the y-axis. Interactive tooltips, built with `d3.select` and positioned via `event.pageX`, reveal exact percentages on mouseover.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

A6_Q2

This example shows the distribution of IMDb movie ratings across six genres, using a stacked horizontal bar chart where each bar represents a genre and each colored segment shows the proportion of movies in a rating range from below 5.0 to above 8.5. The chart uses d3.stack() to compute the stacked series and d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis. Interactive tooltips appear on mouseover events, displaying the exact percentage for each rating category. The data is loaded from a CSV file and rendered as SVG elements.

SShashankkodishala@my.unt.edu
94% match
Loading thumbnail…

IMDb Movie ratings

This stacked bar chart displays the distribution of IMDb ratings across six movie genres, using five rating categories from "below 5.0" to "above 8.5". Each bar represents a genre and its segments show the percentage of movies in each rating bracket. The chart uses D3.js v7 with `d3.scaleOrdinal` for color mapping, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the y-axis. Data is loaded from a local CSV file via `d3.csv`. Hovering over a segment triggers a tooltip showing the exact percentage.

UUmarani Vemula
94% match
Loading thumbnail…

IMDb Movie ratings

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. The chart displays the percentage of movies within five rating bands, from below 5.0 to above 8.5, for genres such as Documentary, Drama, and Action. The visualization is rendered as an SVG using D3 v7, with data loaded from a local CSV file. The code employs d3.scaleOrdinal for color mapping, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage scale, along with interactive tooltips on mouseover.

VVarshareddy2912
94% match
Loading thumbnail…

IMDb Movie ratings

This visualization presents a horizontal stacked bar chart showing the distribution of IMDb ratings across six movie genres, where each bar segment represents the proportion of movies within a rating bracket (below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, above 8.5). The chart uses `d3.stack()` to build the stacked structure and `d3.scaleOrdinal` for color encoding. Data comes from `data.csv` via `d3.csv()`. A hover tooltip, implemented with D3 DOM selection and event handlers, displays the exact percentage for each rating category within a genre. The SVG output is rendered using D3 v7 and React.

Ssaikrishnabussa
94% match
Loading thumbnail…

IMDb Movie ratings

This stacked bar chart displays the distribution of IMDb ratings across six movie genres, showing the percentage of films in each rating range from below 5.0 to above 8.5. The horizontal bars are segmented by rating category, with a color-coded legend and interactive tooltips that reveal exact percentages on hover. The visualization uses D3 v7 to load CSV data, apply the d3.stack layout for bar segmentation, and render SVG elements. Scales include d3.scaleLinear for the x-axis and d3.scaleBand for genres, with d3.scaleOrdinal mapping rating categories to custom colors. Axis labels and a title provide context, and the tooltip uses D3 event handling for mouse interactions.

Mmn0658
94% match
Loading thumbnail…

IMDb Movie ratings

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into five rating bands from below 5.0 to above 8.5. The visualization uses D3 v7 to load the CSV data, apply `d3.stack()` for the layered bars, and `d3.scaleOrdinal` for color coding. A custom tooltip appears on mouseover to display exact percentages, while the chart includes axes, labels, and a legend rendered as SVG elements.

Aanith462@gmail.com
94% match
Loading thumbnail…

IMDb Movie ratings

This chart displays the distribution of IMDb ratings across six movie genres, with each bar segmented by rating categories from "below 5.0" to "above 8.5." The visualization uses a stacked bar chart rendered with SVG, employing `d3.stack()` for data transformation and `d3.scaleOrdinal` for color mapping. D3 v7 handles axis creation with `d3.axisBottom` and `d3.axisLeft`, while interactive tooltips show exact percentages on hover. The data is loaded from a CSV file and presented as proportional segments.

HHarshiiiiiiiip
94% match
Loading thumbnail…

IMDb Movie ratings

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from below 5.0 to above 8.5. The visualization uses D3 v7 to load CSV data, apply a d3.stack layout, and render the result as SVG rectangles. A d3.scaleOrdinal maps rating categories to a fixed color palette, while d3.axisBottom and d3.axisLeft provide the percentage and genre scales. Interactive tooltips display the exact percentage for each segment on mouseover.

VVenkat-Sumith-Thota
93% match