Skip to main content
SimilarExport ZIP
100%

Activity_Tutorial2

✓ Published1🌍 Public
Cchowdaryhemanth14@gmail.com
Last edited Mar 31, 2025
Created on Mar 30, 2025
Forked from Activity_Tutorial2

This stacked bar chart shows the percentage distribution of movie ratings (G, PG, PG-13, R) across five genres, with each bar segmented by rating category. The visualization uses D3 v7’s `d3.scaleBand` for the categorical genre axis and `d3.scaleLinear` for the percentage scale. Data is loaded from a CSV file, and bars are generated using `d3.stack()` to compute cumulative values, with colors from `d3.schemeSet2`. Hovering over any segment reveals its exact percentage via a styled tooltip.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Tutorial2

A stacked bar chart visualizes the percentage distribution of IMDb rating categories within each movie genre, using horizontally segmented bars to show proportions that total 100%. Hovering over any segment reveals a tooltip displaying the exact percentage for that rating level and genre. The chart is built with D3 v7, using `d3.stack()` for data stacking, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color encoding. Data comes from a CSV file containing genre and rating percentage columns, rendered as SVG with interactive mouse event handlers.

Ggreeshmareddy135@gmail.com
93% match
Loading thumbnail…

Activity_6_Tutorial 2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into five rating brackets. The visualization uses D3.js (v7) to load CSV data and render SVG elements, employing `d3.stack()` for the stacked layout, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Interactive tooltips display exact percentages on hover, while color encoding via `d3.scaleOrdinal()` distinguishes each rating category.

HHarsha vardhan reddy Yarmareddy
92% match
Loading thumbnail…

Activity_6 task 2 tutorial

This stacked horizontal bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from below 5.0 to above 8.5. The visualization uses d3.stack() to create the stacked segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage-based x-axis. Interactive tooltips display exact percentages on mouseover, while the color scheme distinguishes rating categories via d3.scaleOrdinal. The data comes from a CSV file containing genre and rating percentage values.

Rraaghaveramireddy@my.unt.edu
92% match
Loading thumbnail…

Activity_6_2

This visualization presents a stacked bar chart showing the percentage distribution of movie ratings (from "one" to "five") across different genres, with each bar segment colored to represent a rating category. Hovering over any segment displays a tooltip with the precise percentage for that rating within the genre, and the total for each bar sums to 100%. Built with D3 v7, the chart uses `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for genre positioning on the y-axis. Data is derived from the included CSV file, rendered as SVG elements with interactive mouse events.

Ssahaspragna6@gmail.com
92% match
Loading thumbnail…

Activity6_tutorial2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the proportion of films falling into five rating brackets from "below 5.0" to "above 8.5." Each bar represents a genre, segmented by rating category with distinct colors. The visualization uses d3.stack() to compute the stacked segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis. Hover interactions highlight individual segments and display a tooltip with the exact percentage, computed from the pre-aggregated proportions in the CSV data.

Vvenkatdinesh5010@gmail.com
92% match
Loading thumbnail…

Activity6_Tutorial2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." Hovering over a segment reveals its exact percentage via a tooltip. The visualization uses d3.v7 with SVG rendering, employing `d3.stack()` for the stacked data, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for the percentage axis, styled with custom CSS.

Yyadlapallisaisathvik@gmail.com
92% match
Loading thumbnail…

Tutorial2_Activity6

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar segment representing the percentage of titles falling into one of five rating ranges. The visualization uses D3 v7’s `d3.stack()` to compute stacked series, `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 genre-rating combination. Data comes from a local CSV file, and the chart renders as SVG with a custom ordinal color scale.

SShiva Sai Reddy
92% match
Loading thumbnail…

Activity6_Task2_Tutorial

This stacked bar chart shows the distribution of movie ratings across six genres, breaking down each genre’s percentages into five rating categories from "below 5.0" to "above 8.5." The visualization uses D3 v7’s `d3.stack` and `d3.scaleBand` to create the horizontal stacked bars, with a custom tooltip revealing precise percentage values on mouseover. Data is pulled from a CSV file containing proportional genre-rating combinations. The chart is rendered as SVG, with axis labels and a legend styled via external CSS, and uses `d3.scaleLinear` for the percentage axis.

Oorusushanth2002@gmail.com
92% match