Skip to main content
SimilarExport ZIP
100%

activity6_tutorial2

✓ Published0🌍 Public
Sshreshikaveerannagari@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This visualization shows the percentage distribution of IMDb ratings across different genres, with each genre displayed as a horizontal stacked bar chart. The bars are segmented into five rating categories, from "below 5.0" to "above 8.5", using a color-coded ordinal scale. The chart is rendered as an SVG using D3.js v7, employing `d3.stack` for the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` for the percentage x-axis. Interactive tooltips provide exact percentage values on hover, while the data is loaded from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial2

This chart shows the distribution of IMDb movie ratings across six genres, displayed as a horizontal stacked bar chart where each bar represents a genre and each colored segment corresponds to a rating range from "below 5.0" to "above 8.5". The proportions are normalized to percentages, making it easy to compare how ratings concentrate within each genre. The visualization uses D3 v7 with a `d3.stack()` operation to create the stacked bars, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for the y-axis categories. An SVG canvas renders the chart, and mouse events trigger tooltips that display the exact percentage for each segment, using data from the included CSV file.

Ddandudivya98@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This visualization shows the percentage distribution of IMDb movie ratings across five genres, broken into five rating categories. The stacked horizontal bar chart displays the proportion of each genre's movies that fall into rating brackets from below 5.0 to above 8.5, using a color scale to distinguish each rating segment. The code uses D3.js (d3.v7) to read CSV data, applies d3.stack() for the stacked layout, and uses d3.scaleLinear and d3.scaleBand for the x and y axes. Interactive tooltips appear on mouseover, showing the exact percentage for a specific genre and rating category, while the SVG rendering and custom CSS styles define the visual presentation.

Ssjannaikode@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial-2

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 encodes percentages as horizontal bar lengths, using d3.stack() to compute stacked segments and d3.scaleOrdinal with a categorical color palette to distinguish rating bins. Interactive tooltips display exact percentage values on mouseover via D3 event handlers, while d3.axisBottom and d3.axisLeft position the percentage and genre scales. The SVG rendering uses data from an inline CSV file.

Aamulyareddykondru01@gmail.com
94% match
Loading thumbnail…

activity6_task 2

This stacked bar chart illustrates the percentage distribution of IMDb movie ratings across six genres, with each genre’s bars broken into five rating categories from “below 5.0” to “above 8.5.” The visualization uses a horizontal layout, with genres on the y-axis and the percentage scale on the x-axis, totaling 1. Hovering over any segment reveals a tooltip with the precise percentage for that rating category within the genre. The chart is rendered as SVG using D3 v7, leveraging `d3.stack`, `d3.scaleOrdinal`, and `d3.axisLeft`/`d3.axisBottom` to build the stacked bars and axes, with data loaded from a CSV file.

Sshivasaiamaravadi@gmail.com
94% match
Loading thumbnail…

Activity-6-task-2

This visualization displays the percentage distribution of IMDb movie ratings across five genres, using a horizontal stacked bar chart. Each bar represents a genre, with color-coded segments for rating ranges from "below 5.0" to "above 8.5". The code uses D3.js v7 APIs such as `d3.stack`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.axisLeft` to process the CSV data and render the SVG. Interactive tooltips, implemented with `mouseover` events, show exact percentages on hover.

Nnaveen.dodda4321@gmail.com
94% match
Loading thumbnail…

Activity-6_task-2

This visualization shows the distribution of IMDb movie ratings across six genres, displayed as a horizontal stacked bar chart. The chart breaks down each genre into five rating categories, from below 5.0 to above 8.5, showing the percentage of movies in each segment. The code loads data from a CSV file and uses d3.stack() to compute the stacked segments, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment, while a color legend distinguishes the rating categories.

Ccharanshiva769@gmail.com
94% match
Loading thumbnail…

Activity6_2

This visualization uses a stacked horizontal bar chart to show the distribution of IMDb movie ratings across six genres, comparing the percentage of titles falling into five rating bins from below 5.0 to above 8.5. The chart encodes each rating category with a distinct color via d3.scaleOrdinal, while d3.stack calculates the stacked segments. Rendering as SVG with d3.v7, the example positions axes using d3.axisBottom and d3.axisLeft, and implements custom mouseover interactions with tooltips displaying precise percentages. The data comes from a CSV file containing genre and rating proportion values.

Ddabbararakshitha@gmail.com
94% match
Loading thumbnail…

activity6 task_2

This visualization shows the distribution of IMDb ratings across six movie genres, using a stacked horizontal bar chart where each bar represents a genre and colored segments show the percentage of ratings in five score ranges. The chart is rendered as an SVG using D3 v7, with a tooltip that displays the exact percentage for each genre-rating segment on hover. The data comes from a CSV file containing proportional ratings for genres like Documentary, Drama, and Comedy. D3’s stack, scaleBand, and scaleOrdinal APIs handle the stacked layout and categorical coloring, while mouse events manage the interactive tooltip.

Bbrahmateja.edu2023@gmail.com
94% match