Skip to main content
SimilarExport ZIP
100%

Acitivity6_Task2

✓ Published0🌍 Public
PPadmajaKodati@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5” as proportions of total films. The visualization uses `d3.stack` to accumulate the percentage data per genre, `d3.scaleOrdinal` with a custom color palette for category encoding, and `d3.axisBottom` with gridlines for the shared percentage scale. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment, while the SVG rendering uses D3 v7 with data from the provided CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Acitivty6_Task2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, using a divergent color palette for five rating categories from "below 5.0" to "above 8.5." The chart employs D3 v7's `d3.stack()` function to transform the dataset into stacked segments, with `d3.scaleOrdinal()` mapping categories to colors. Each genre row uses horizontal bars to show proportional percentages, and an interactive tooltip displays exact values on mouseover. The data originates from the included `data.csv` file.

Ppadiginetivishnupriya@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute the stacked segments and d3.scaleOrdinal() with a categorical color scale to distinguish rating bands. The code renders SVG rectangles via data joins and includes an interactive tooltip triggered by mouseover events, displaying the exact percentage for each genre-rating combination. Data comes from a CSV file containing precomputed proportions for each genre.

GGunna,Praneeth Reddy
95% match
Loading thumbnail…

Activty6_Task2

A stacked horizontal bar chart shows the distribution of IMDb ratings across six film genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The chart reads percentages from a CSV file and renders them as proportional colored segments using D3 v7’s `d3.stack`, `scaleOrdinal`, `scaleLinear`, and `scaleBand` APIs. Mouseover interactions trigger tooltips displaying the exact percentage for each genre-rating combination. The visualization uses an SVG output with custom margins, axis labels, and a legend positioned to the right.

Ssriharshithaanugu5@gmail.com
95% match
Loading thumbnail…

activity6_task2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres. Each bar segment represents a rating level, from below 5.0 to above 8.5, with the total summing to 100%. Hovering over any segment reveals an exact percentage via a tooltip. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked bars, `d3.scaleOrdinal()` for color mapping, and SVG `rect` elements for rendering, with data loaded from a local CSV file.

Aakitisaitejareddy@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segment representing the proportion of movies falling into five rating brackets from "below 5.0" to "above 8.5". Hovering over a segment displays a tooltip with the exact percentage. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked bars, `d3.scaleOrdinal()` for color encoding, and `d3.axisBottom()`/`d3.axisLeft()` for axes, rendering as SVG with data from a CSV file.

Ggouthamigongidi2457@gmail.com
95% match
Loading thumbnail…

Acitivity6_task2

A stacked bar chart visualizes how movie genres relate to IMDb rating categories. Each horizontal bar represents a genre and is divided into five colored segments for rating brackets from below 5.0 to above 8.5, scaled as proportions of 100%. Hovering highlights a segment and displays a tooltip with the exact percentage. Built with D3 v7, it uses `d3.stack`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` to generate SVG rectangles and axes from CSV data.

AAnirudhaKulakarniKaranam@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating intervals from "below 5.0" to "above 8.5". The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` for color encoding, with `d3.scaleBand()` for genre categories and `d3.scaleLinear()` for percentages. Interactive tooltips appear on mouseover, showing the exact percentage value via `d3.format('.2f')`. Data comes from an external CSV file, rendered as SVG within a 960×500 viewport.

SSahithi.R
95% 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
95% match