Activity Task 2

100%

Activity Task 2

✓ Published0🌍 Public

Last edited Oct 19, 2024

Created on Oct 18, 2024

This visualization presents a stacked horizontal bar chart comparing the distribution of movie ratings by genre, using data from an IMDb dataset. Each bar segment represents a specific rating category, with the length of each segment corresponding to the proportion of ratings within that genre. The chart is rendered as an SVG using D3 v7, employing `d3.stack()` to create the stacked segments, `d3.scaleOrdinal()` for color assignment, and `d3.axisLeft`/`d3.axisBottom` for axes. Interactive tooltips appear on hover, displaying the exact percentage for each rating category.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity Task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each genre’s bar divided into five rating buckets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compute the stacked series, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips, built with appended HTML elements, reveal the exact percentage on hover. Data is loaded from CSV, and rendering is done via SVG.

Mmangilipallylaxminarayana@gmail.com

95% match

Loading thumbnail…

Activity6_Task 2

This visualization uses stacked horizontal bars to show how IMDb movie ratings are distributed across six genres, with each bar segment representing the percentage of films in a rating band. The chart is built with D3.js v7, using `d3.stack()` to compute the cumulative bar segments, `d3.scaleOrdinal()` for color coding, and `d3.axisBottom()` for the percentage scale. An interactive tooltip displays the precise percentage for each genre and rating category on hover, using `d3.format('.2f')` for numeric output. The data comes from a comma-separated file listing genre and five rating brackets.

Nnavyabade05@gmail.com

94% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart displays the distribution of IMDb ratings across different movie genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5" and expressed as percentages. The visualization uses D3 v7's `scaleOrdinal` for color encoding and `stack` for data transformation, rendering as SVG. The chart features a horizontal layout with genre labels on the y-axis and percentage ticks on the x-axis. Interactive tooltips reveal the exact percentage for each segment on hover, with opacity changes providing visual feedback. Data comes from the included `data.csv` file, and the styling uses custom fonts and CSS.

Gganeshseeram5decem@gmail.com

94% match

Loading thumbnail…

Activity6_Task2

This visualization shows how IMDb movie ratings are distributed across genres as a stacked bar chart, with each bar representing the proportion of five rating ranges within a genre. Hovering over a segment reveals the exact percentage for that rating category. The chart uses a D3 v7 `d3.stack` layout with `d3.scaleOrdinal` colors and SVG rendering. Data is loaded from a CSV file, with axes formatted using `d3.axisBottom` and `d3.scaleBand`, and interactivity handled via mouse events with a custom tooltip.

UUday Vandanapu

94% match

Loading thumbnail…

Activity6_Task2

This example visualizes IMDb movie ratings by genre using a stacked horizontal bar chart. Six genres are compared across five rating categories (below 5.0 through above 8.5), with each bar segment representing the percentage of films in that rating range. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color encoding. Interactive tooltips display exact percentages on mouseover events, while the data comes from a CSV file loaded directly in the code.

Ssaimanvith22@gmail.com

93% match

Loading thumbnail…

Activity6_Task2

This visualization shows the distribution of IMDb movie ratings across different genres, using a stacked horizontal bar chart where each bar represents a genre and segments represent percentage ranges from "below 5.0" to "above 8.5". The chart uses a diverging color scheme with five distinct colors. Built with D3.js v7, the code employs `d3.stack()` with keys from the data columns, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis percentage scale. Interactive tooltips display exact percentages on hover, while data is sourced from a CSV file containing genre-specific rating proportions.

Llokasaivenkatatammineedi@my.unt.edu

93% match

Loading thumbnail…

Activity6_Task2

This visualization displays a stacked horizontal bar chart showing the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into five rating ranges from below 5.0 to above 8.5. The data comes from a CSV file containing genre and rating proportion values. Built with D3.js v7, the visualization uses `d3.stack()` to compute stacked series and `d3.scaleOrdinal()` for color encoding, with mouseover tooltips revealing exact percentages. The SVG-rendered chart includes axis labels, a title, and interactive highlighting of individual segments.

VVidya Lakshmi Chitturi

93% match

Loading thumbnail…

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 visualization uses D3.js v7, employing `d3.stack()` for the stacked data structure, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color mapping. Interactive tooltips display precise percentages on hover, with the data loaded from a CSV file containing genre-specific rating proportions.

Mmythripopuri2001@gmail.com

93% match