Skip to main content
SimilarExport ZIP
100%

task 2

✓ Published0🌍 Public
GGanesh Gundekarla
Last edited Apr 5, 2025
Created on Apr 5, 2025
Forked from Hello VizHub

This example shows the distribution of IMDb ratings across thirteen movie genres, with each genre’s ratings divided into five percentage-based categories. A stacked horizontal bar chart displays the proportions, using color to distinguish rating bands. The visualization is built with D3 v7 and rendered as SVG. The code uses d3.stack to compute the stacked layout, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the x-axis, with mouseover events triggering a tooltip that shows the exact percentage for each segment.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

task2

This visualization uses a stacked horizontal bar chart to show the distribution of IMDb movie ratings across six genres. The chart displays the percentage of ratings falling into five distinct rating categories, from below 5.0 to above 8.5, using a diverging color scale. Built with d3.v7, the code reads from a CSV file and uses d3’s stack, scaleLinear, and scaleBand to construct the bars. Interactive tooltips appear on mouseover, showing the exact percentage for each genre and rating category. The SVG rendering includes custom fonts and a styled axis.

Vvenkatabhaskaratetali@my.unt.edu
94% match
Loading thumbnail…

task 2

This example visualizes the distribution of IMDb ratings, grouped into five percentage brackets, across six movie genres using a horizontal stacked bar chart. Data is sourced from a CSV file and rendered as SVG. The chart employs D3 version 7's `stack`, `scaleOrdinal`, `scaleLinear`, and `scaleBand` APIs to create the stacked segments, with an interactive tooltip displaying the exact percentage for each rating category on hover (via `mouseover`, `mousemove`, and `mouseout` events).

Vvenkatabhaskaratetali@my.unt.edu
94% match
Loading thumbnail…

Task 2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, where each bar segment represents a rating level from "below 5.0" to "above 8.5." The visualization uses d3.stack to compute cumulative values and d3.scaleOrdinal for color mapping. Hovering over a bar segment displays a tooltip with the precise percentage. The SVG is rendered with d3.v7, using d3.axisBottom and d3.axisLeft for axes, and the data is loaded from a CSV file.

IIkram Mohammed
93% match
Loading thumbnail…

Task_8_Activity_2

This visualization shows the percentage distribution of IMDb movie ratings across six genres, with each genre displayed as a horizontal stacked bar chart. The bars are divided into five rating categories ranging from "below 5.0" to "above 8.5." The code uses D3 v7 with d3.stack() to create the stacked segments, d3.scaleBand() for the y-axis, and d3.scaleLinear() for the x-axis. Interactive tooltips appear on mouseover to display exact percentage values using d3.format().

Jjordanwolfe2@my.untdallas.edu
93% match
Loading thumbnail…

Task-2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing a rating category from "below 5.0" to "above 8.5" as a percentage. The visualization uses d3.stack to transform the CSV data into stacked series, d3.scaleLinear for the x-axis, d3.scaleBand for the genre categories, and d3.scaleOrdinal with a custom color palette. Interactive tooltips display the precise percentage for each rating segment on mouseover, and the SVG rendering includes axis labels, gridlines, and a title.

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

Task 2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each genre’s bar segmented into five rating categories from “below 5.0” to “above 8.5.” The chart uses d3.stack to process the csv data and d3.scaleOrdinal for color coding, while d3.scaleLinear and d3.scaleBand position the percentage x-axis and genre y-axis. Hovering over a segment dims it and displays a tooltip with the exact percentage for that rating category.

Nnitishsurneni@gmail.com
92% match
Loading thumbnail…

TASK2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across five genre categories, with each bar segmented by rating bands from "Below 5.0" to "above 8.5." Hovering over a segment highlights it and shows a tooltip with the precise percentage. Built with d3.v7 and rendered as SVG, the visualization uses `d3.stack()` to construct the stacked segments, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage axis. The data comes from a CSV file containing pre-computed proportions.

Ssanjanadadi19@gmail.com
92% match