Skip to main content
SimilarExport ZIP
100%

Acitivty6_Task2

✓ Published0🌍 Public
Ppadiginetivishnupriya@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

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

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

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar is segmented into five rating categories from "below 5.0" to "above 8.5." Using D3.js v7 with an SVG rendering, the code employs `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical genre axis. Interactive tooltips display the exact percentage for each genre-rating combination on mouseover, while the data is loaded from a CSV file with precomputed proportions.

Kkbhavithareddy06@gmail.com
95% match
Loading thumbnail…

Activity8_Task2

This stacked bar chart visualizes IMDb movie ratings across six genres, showing the proportion of movies falling into five rating brackets from below 5.0 to above 8.5. Each horizontal bar represents a genre, segmented by rating category using d3.stack() and colored with a d3.scaleOrdinal. The visualization uses d3.axisBottom with tick lines to read percentages along the x-axis, while hover interactions via mouseover events display exact percentages through a tooltip. Data comes from a CSV file containing genre-specific rating distributions.

Vvishnupriyapalagiri@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
94% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the proportion of films within rating brackets from below 5.0 to above 8.5. The chart uses d3.stack() to compute stacked series and d3.scaleOrdinal for color mapping. Interactive mouseover events update a tooltip displaying the exact percentage for each genre-rating combination, while d3.axisBottom and d3.axisLeft provide labeled scales. Data is loaded from a CSV file using d3.csv.

Ggnitishreddy0245@gmail.com
94% 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
94% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal 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." Each genre has its own bar, with color-coded segments indicating rating proportions. The chart uses D3 v7’s `d3.stack()` and `scaleOrdinal` for stacking and coloring, alongside `scaleLinear`, `scaleBand`, and axis generators. A tooltip displays the exact percentage for each segment on hover. Data comes from a CSV file with pre-computed genre-rating proportions.

Hhemanthmaddila13@gmail.com
94% 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
94% match