Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

tutorial task 2

Public visualization

Viewing a saved revision (read-only)

099ce0f0719d43eaafd5d530bf8c0e3f

tutorial task 2

0 stars0🌍 Public
Pperamranji
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Hello VizHub

This visualization shows the distribution of IMDb movie ratings across six genres, with stacked horizontal bars displaying the percentage of movies in five rating categories from below 5.0 to above 8.5. The code uses D3 v7’s `d3.stack()` to compute the stacked data, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand`/`d3.scaleLinear` for axes. An interactive tooltip appears on mouseover, showing the exact percentage for each genre-rating segment. Data comes from the local `data.csv` file, and the SVG is rendered with custom styling from `styles.css`.

AI-generated description