activity8_tutorial2

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

Ssaitejauppu0206@gmail.com

activity8_task2

This stacked bar chart displays the distribution of IMDb movie ratings across different genres, showing the proportion of each rating category (from below 4.0 to above 7.5) within each genre. The chart uses d3.stack() to create the stacked segments, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis. Hovering over any segment reveals an exact percentage value via a custom tooltip, using d3.select and event listeners. The data comes from a CSV file, and the visualization is rendered as SVG using d3.v7.

Ssairohithchada@gmail.com

activity 6_tutorial 2

This stacked bar chart visualizes the distribution of IMDb movie ratings across different genres, showing the relative percentage of each genre falling into rating brackets from "below 5.0" to "above 8.5." The chart uses D3.js (v7) with SVG rendering, employing `d3.stack()` to create the stacked segments, `d3.scaleBand()` for the categorical genres, and `d3.scaleLinear()` for the percentage axis. Interactive tooltips display exact percentages on hover. The data comes from the included `data.csv` file, and the code uses D3's selection API and axis generation functions.

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.

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.

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()`.

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.

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.