Skip to main content
SimilarExport ZIP
100%

Fork of tutorial2

✓ Published0🌍 Public
NNita
Last edited Mar 31, 2024
Created on Mar 31, 2024
Forked from tutorial2

A stacked bar chart displays the percentage distribution of five IMDb rating levels across six movie genres, with each bar segment colored by rating category and hover tooltips revealing exact percentages. The visualization uses D3 v7's `d3.stack()` to compute stacked series, `d3.scaleLinear` and `d3.scaleBand` for axes, and `d3.scaleOrdinal` for color mapping. Rendered as SVG from a CSV dataset, the chart also includes a legend and axis labels, with hover interactions managed via D3 event handlers.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of tutorial2 task 7

This stacked bar chart shows the percentage distribution of IMDb movie ratings across five genres, with each genre’s bars broken into five rating categories from below 5.0 to above 8.5. Hovering over a bar segment reveals its exact percentage via a tooltip. The visualization uses d3.csv to load the data and d3.stack for the stacked layout, with d3.scaleOrdinal for colors and d3.scaleBand for the genre axis. SVG elements render the chart, and mouse events control tooltip visibility.

Kkaushikreddy901@gmail.com
93% 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
92% match
Loading thumbnail…

Tutorial2

A stacked bar chart visualizes the distribution of IMDb movie ratings across genres, with each genre’s percentage of ratings in five categories (from below 5.0 to above 8.5). The chart uses D3 v7 with SVG rendering, employing `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.scaleOrdinal()` for layout and coloring. A custom tooltip displays exact percentages on hover, while axes are formatted using `d3.axisBottom()` and `d3.axisLeft()`. Data comes from the included CSV file.

Cchintamanenithp@gmail.com
91% match
Loading thumbnail…

tutorial2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar representing the percentage of films falling into five rating bands from "Below 5.0" to "Above 8.5." Hovering over a segment displays an exact percentage in a tooltip. The visualization uses D3 v7’s `d3.stack()` to aggregate the data, `d3.scaleBand()` for the categorical genre axis, and `d3.scaleLinear()` for the numeric percentage axis, rendering as SVG with interactive mouse events.

Ttsumanth619@gmail.com
91% match
Loading thumbnail…

Tutorial-2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, breaking down percentages into five rating brackets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compose the bars, with `d3.scaleOrdinal` assigning colors and `d3.scaleBand` positioning genres along the vertical axis. Mouse interactions trigger tooltips that display precise percentage values, while the underlying data comes from a CSV file depicting rating proportions for documentary, drama, comedy, romance, animation, and action films.

Ssathvikavancha@my.unt.edu
90% match
Loading thumbnail…

Fork of t2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, revealing how rating patterns vary by genre. Each bar is segmented by five rating categories, with hover interactions displaying precise percentages via a tooltip. The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for genre positioning. Data originates from a CSV file containing rating proportions per genre.

Aamshureddy13@gmail.com
90% match
Loading thumbnail…

Fork of act_6_task_2

This stacked bar chart shows the percentage distribution of IMDb rating levels across six movie genres, highlighting how genre influences audience ratings. The horizontal bars use a diverging color scale for the five rating categories, with tooltips on hover revealing exact percentages, where each bar sums to 100%. The visualization is rendered as an SVG using D3 v7, employing `d3.stack` for data transformation and `d3.scaleOrdinal` for color assignment. The axes, ticks, and labels are generated with `d3.axisBottom` and `d3.axisLeft`, and the interaction relies on D3’s `.on('mouseover')` event handlers.

Hhlmn4936@gmail.com
90% match
Loading thumbnail…

Tutorial-2

A stacked horizontal bar chart displays the percentage of IMDb ratings across different movie genres, with each bar segmented by rating category and colored via a categorical scale. The visualization loads data from a CSV file and uses D3 v7's `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` to render SVG rectangles. An interactive tooltip, implemented with D3 event handlers, shows exact percentages on mouseover.

Aaschowdary.shashi@gmail.com
90% match