Skip to main content
SimilarExport ZIP
100%

Fork of 6.2

✓ Published1🌍 Public
Pperamranji
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from 6.2

This is a stacked horizontal bar chart showing the percentage distribution of movie ratings across five genres (Adventure, Fantasy, Sci-Fi, Thriller) and five rating categories (Action, Comedy, Drama, Horror, Romance), based on IMDb data. The chart uses D3.js v7 with the `d3.csv` loader to read `data.csv`, `d3.stack()` to create the stacked bars, and `d3.scaleOrdinal` for color mapping. Hovering over a segment triggers a tooltip displaying the precise percentage, while a legend on the right identifies each rating category.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of IMDb Movie ratings example

This stacked bar chart visualizes the distribution of movie ratings across six genres, with each bar segment representing the percentage of films falling into one of five rating bands. Hovering over a segment reveals the exact percentage via a tooltip. The chart uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to build the SVG visualization from CSV data, with custom tooltip handling and axis labels.

Pprudhvi
92% 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
91% match
Loading thumbnail…

Fork of IMDb Movie ratings

The chart displays the percentage distribution of IMDb rating levels across six movie genres, using a stacked bar chart where each genre's bar sums to 100%. Hovering over a bar segment reveals the exact percentage for that rating category via a custom tooltip. Built with D3.js v7, the visualization uses `d3.stack` for horizontal stacking, `d3.scaleOrdinal` for color mapping, and an SVG canvas. Data is loaded from an external CSV file and rendered with axis labels, a legend, and interactive mouse events.

JJagadeshwar Reddy. Chilakamarri
91% match
Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart displays the percentage distribution of IMDb movie ratings across different genres, with each bar segment representing a rating category. The visualization uses a D3.js v7 implementation with SVG rendering, leveraging the `d3.stack` function to create the stacked layout and `d3.scaleLinear` for proportional scaling. The data is loaded from a CSV file containing genre-specific rating percentages. Interactive tooltips appear on hover, showing the exact percentage for each rating segment, while a color-coded legend identifies the rating categories.

Vvamsikrishnakanchukommala@my.unt.edu
91% match
Loading thumbnail…

Fork Activity 6_Tutorial-2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. Hovering over a segment reveals a tooltip with the exact percentage for that rating level within the selected genre. Built with d3.v7, the visualization uses d3.stack for horizontal stacking, d3.scaleOrdinal for color encoding, and d3.select to handle mouse events. The data is loaded from a local CSV file.

Aakhillenkalapally1999@gmail.com
91% match
Loading thumbnail…

6.2

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.

Pperamranji
91% match
Loading thumbnail…

Fork of IMDb Movie ratings example

This stacked bar chart displays the percentage distribution of five IMDb rating categories (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, above 8.5) across six movie genres, visualizing how genre impacts audience ratings. Using d3.v7 with SVG rendering, the chart employs `d3.stack()` and `d3.scaleOrdinal` to create stacked segments, interactive hover tooltips via `d3.select` reveal exact percentages, and the data is loaded from a CSV file.

MMahitha-Moparthi
91% match
Loading thumbnail…

Fork of Fork of Movie ratings

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The chart reveals that documentaries and dramas have higher proportions of strong ratings, while action films skew toward lower scores. Using D3 v7, the visualization applies `d3.stack()` to compute stacked segments, `d3.scaleOrdinal` to map rating categories to colors, and `d3.scaleBand` for the genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment. The data is loaded from a CSV file and rendered as SVG.

SSiyu Shen
91% match