Activity 6_Tutorial2

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.

Kkandooriabhiram@gmail.com

Activity6_Tutorial2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segment representing a rating range from below 5.0 to above 8.5. Hovering over a segment displays a tooltip with the exact percentage for that genre and rating level. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal` to create the stacked bars, with `d3.axisBottom` and `d3.axisLeft` for axes. Data comes from a CSV file, rendered as SVG elements.

Activity8_Tutorial2

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. Hovering over any bar segment reveals a tooltip with the exact percentage for that rating level within the genre. Built with D3 v7, it uses `d3.stack()` to create the stacked layout, `d3.scaleOrdinal` for color mapping, and SVG rectangles for rendering. Data comes from a local CSV file with genre and rating proportions that sum to 1.

Aanusharamana0@gmail.com

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 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.

Vvidiyalasahithi1999@gmail.com

Activity6_tutorial

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segmented by rating level from below 5.0 to above 8.5. The visualization uses D3.js v7 with an SVG rendering, mapping genres along the y-axis and percentage along the x-axis. The code employs `d3.stack()` for stacked bar generation, `d3.scaleOrdinal()` for color encoding, and D3's axis APIs (`d3.axisBottom`, `d3.axisLeft`) for tick marks. Hovering reveals a custom tooltip displaying the exact percentage for each rating segment using `d3.format()`.

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

Activity6_task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from “below 5.0” to “above 8.5.” The chart shows that genres like Action and Comedy have higher percentages of low ratings, while Documentary and Animation skew toward higher ratings. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color encoding, and `d3.scaleBand()` for the categorical y-axis. The data comes from a CSV file, rendered as SVG, with interactive tooltips displaying exact percentages on hover.

Mmaneeshraja47@gmail.com