Skip to main content
SimilarExport ZIP
100%

IMDb Movie ratings

✓ Published0🌍 Public
Rrikhitakoganti12
Last edited Jul 3, 2023
Created on Jul 2, 2023
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart shows the distribution of IMDb ratings across six film genres, with each bar segment representing the percentage of movies within a rating band from “below 5.0” to “above 8.5.” Hovering over a segment dims it and displays a tooltip with the exact percentage. Built with D3 v7 loaded via UNPKG, the code uses `d3.stack()`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` to render SVG elements. Data comes from the local `data.csv` file, and the chart includes a custom legend and axes.

Lleftymadi
96% match
Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six film genres, with each bar segmented by five rating intervals from "below 5.0" to "above 8.5." The chart shows the proportion of films in each rating category per genre, using a categorical color scale. The visualization uses d3.stack() to compute stacked series, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom() for the percentage axis. Interactive tooltips display precise percentages on mouseover, while a legend indicates the rating categories. The data is loaded from a CSV file using d3.csv() and rendered as SVG.

Hharsha
96% 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
96% match
Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart displays the distribution of IMDb ratings across six film genres, with each bar segment representing the percentage of movies falling into one of five rating categories from below 5.0 to above 8.5. The chart uses d3.stack to aggregate the data loaded from a CSV file, d3.scaleLinear for the percentage axis, d3.scaleBand for genre categories, and a d3.scaleOrdinal color scale for the rating tiers. Interactive tooltips, generated through mouse events, reveal precise percentages for each genre-rating combination, while an SVG-based legend annotates the color coding.

Ssuryavamsi00024
96% 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
96% match
Loading thumbnail…

IMDb Movie ratings

This stacked bar chart shows how IMDb movie ratings are distributed across six genres, with each bar segment representing the proportion of films falling into rating brackets from “below 5.0” to “above 8.5.” Using d3.csv to load the data, d3.stack and d3.scaleBand create the stacked layout, while d3.scaleOrdinal maps colors to rating categories. Hovering over a segment triggers mouseover and mousemove events that display a tooltip with the exact percentage for that genre and rating range. The chart renders as inline SVG with axes, a legend, and a title.

Ppardha1411
96% 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
96% match
Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segment representing a rating bracket from below 5.0 to above 8.5. The chart uses d3.stack and d3.scaleBand to group and position the bars, while d3.scaleOrdinal assigns categorical colors to the rating categories. Interactive mouse events highlight individual segments and show a tooltip with the exact percentage for that rating bracket within the chosen genre. The data is loaded from a local CSV file and rendered as SVG.

Ppardha1411
96% match