Tutorial2_Activity6

Vvenkatdinesh5010@gmail.com

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.

Activity8Tutorial2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage of films falling into five rating bands. The chart uses `d3.stack()` to layer rating categories within each genre, with hover interactions triggering tooltips that display precise percentages via `d3.select` and an HTML div. Data is loaded from a CSV file using `d3.csv`, and SVG rendering applies `d3.scaleOrdinal` for color encoding and `d3.scaleBand` for genre positioning. The chart includes a custom legend and axis labels rendered with D3’s axis generators.

BBindumadhavi

HHarsha vardhan reddy Yarmareddy

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.

Aamulyareddykondru01@gmail.com

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.

Activity 6 Tutorial 2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into five rating brackets. Each horizontal bar is divided into colored segments, with hovering revealing exact percentages via a custom tooltip. The visualization uses D3.js version 7, employing `d3.stack` for data transformation, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.scaleOrdinal` for color mapping. Data comes from a CSV file, rendered as SVG with mouseover events for interactivity.

BBamanGayathri

Yyadlapallisaisathvik@gmail.com

Activity6_tutorial2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five percentage-based rating categories from “below 5.0” to “above 8.5.” The data is loaded from a CSV file and rendered as SVG using D3 v7. The chart uses `d3.stack()` to compute the stacked series, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for the percentage scale. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment.

Yyadlapallisaisathvik@gmail.com

Activity6_tutorial2

This stacked bar chart visualizes how IMDb movie ratings are distributed across six genres, showing the proportion of films falling into five rating brackets from below 5.0 to above 8.5. Each genre’s bar is segmented by rating category, with colors and a legend clarifying the categories, and hovering over a segment reveals the exact percentage via a tooltip. The visualization uses d3.v7’s `d3.stack` and `d3.scaleOrdinal` for data stacking and color mapping, with SVG rendering and axes created via `d3.axisBottom` and `d3.axisLeft`. Data comes from the included CSV file.

Vvidiyalasahithi1999@gmail.com

activity6_tutorial

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar segmented by rating levels from “below 5.0” to “above 8.5.” Hovering over a segment reveals the exact percentage of that rating category within the genre, as the bars are normalized to sum to 100%. The visualization uses D3 v7’s `d3.stack()` to compute the stacked segments and `d3.scaleOrdinal` for color encoding, rendered as SVG with mouseover tooltips for interactive exploration. The data is loaded from a CSV file.