Fork of Task_8_Activity_2_Question_1

Kkondaveeti.bhargavi7780@gmail.com

Fork of Activity6_Task2_Question 2-3

This stacked bar chart visualizes IMDb movie ratings across six genres, showing the percentage distribution of ratings within five score ranges (below 5.0 to above 8.5). The chart uses a horizontal layout with genres on the y-axis and percentage on the x-axis, employing d3.stack() to create stacked segments and d3.scaleOrdinal() for color encoding. Interactive tooltips display exact percentages on mouse hover, implemented through D3 event handlers. Data comes from a CSV file with pre-calculated proportions per genre. The visualization is rendered as SVG using D3 v7.

Fork of Activity6_Task2

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the proportion of films within five rating brackets from “below 5.0” to “above 8.5”. Each genre’s bar segments sum to 100%, and hovering over a segment reveals its exact percentage. The visualization uses D3 v7’s `d3.stack()` for data stacking, `d3.scaleOrdinal` for color encoding, and `d3.scaleLinear` and `d3.scaleBand` for positioning. Data comes from a CSV file with pre-aggregated percentages, rendered as SVG with a custom tooltip for interaction.

Hharsha13638@gmail.com

Lleelakrishnadivi7@gmail.com

Activity_6_task_2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. It shows the percentage of movies falling into five rating brackets, from below 5.0 to above 8.5, with each genre represented as a distinct bar. The chart is built with D3 v7, using d3.stack() to compute the stacked segments, d3.scaleOrdinal() for color encoding, and d3.scaleBand() for the categorical y-axis. Interactive tooltips reveal exact percentages on mouseover, using d3.select() and element event handlers. The data comes from a CSV file containing genre and rating proportion values.

Activity8_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to show the percentage of films falling into five rating categories from below 5.0 to above 8.5. The chart includes a color legend and interactive tooltips that display the exact percentage for each segment on hover, with bars dimming during mouseover. Built with D3 v7, it loads data from a local CSV file, uses `d3.stack()` to compute the stacked series, and renders as SVG with `d3.scaleOrdinal` for colors and `d3.scaleBand` for the categorical axis.

Zzoe.romo@att.net

LLakshmiPrasannaValdas@my.unt.edu

Fork of Activity6_Task2

This stacked bar chart shows the percentage of IMDb movie ratings across five genres, revealing how rating distributions vary by genre. Each bar is divided into five rating categories, from “below 5.0” to “above 8.5,” with hover tooltips displaying exact percentages. Built with D3 v7, it uses `d3.stack()` to compute the stacked layout, `d3.scaleBand` and `d3.scaleLinear` for positioning, and an ordinal color scale. Data comes from a CSV file with genre and rating percentages, rendered as SVG rectangles within a single chart.

Fork of Activity6_task2

This stacked bar chart visualizes IMDb rating distributions across six film genres, showing the proportion of movies falling into five rating brackets from “below 5.0” to “above 8.5.” The chart uses d3.stack to compute layered segments, along with d3.scaleBand and d3.scaleLinear for positioning, and d3.axisBottom for percentage labels. Rectangles change opacity on mouseover, and a custom tooltip displays the exact percentage for each genre-rating combination. Data comes from the included CSV file, rendered as SVG with D3 v7.

Aabjalshaik02@gmail.com

Kkowshiksamudrala08@gmail.com

Fork of Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage of titles falling into five rating brackets from “below 5.0” to “above 8.5.” The data is loaded from a CSV file and rendered as horizontal bars using D3.js v7’s `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` APIs. Each genre row is segmented by rating category, with interactive tooltips displaying exact percentages on mouseover. The SVG output includes labeled axes and a color legend, processed entirely through D3’s data-join pattern.

Vvidyagangasani@my.unt.edu

Fork of Activity6_Task2

This example displays the distribution of IMDb ratings across six movie genres as a horizontal stacked bar chart. Each bar represents a genre, with color-coded segments showing the percentage of titles falling into five rating ranges from "below 5.0" to "above 8.5". The chart uses d3.csv to load the data, d3.stack for stacking, and d3.scaleOrdinal with a predefined color array. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment. A legend and custom axis labels are rendered via D3’s SVG selection API.