Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Ssindhuja27b@gmail.com
Last edited Apr 4, 2024
Created on Mar 29, 2024
Forked from Hello VizHub

A stacked horizontal bar chart displays the distribution of IMDb ratings across six film genres, with each bar broken into five rating brackets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compute stacked segments, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical axis. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating range. Data comes from the included CSV file and renders as SVG with custom styling.

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…

Activity6_Task2

This stacked bar chart shows how IMDb movie ratings are distributed across genres, with each bar segment representing the percentage of films falling into rating bands from “below 5.0” to “above 8.5.” The visualization uses D3 v7’s `d3.stack()` to compute the stacked series and `d3.scaleOrdinal` for color mapping, rendering as SVG. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating category, while axis labels and a title clarify the data. The chart reads from a local CSV file structured with genre rows and rating-band columns.

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

Activity06_Task02

A stacked horizontal bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segment representing a rating bracket from "below 5.0" to "above 8.5." The visualization uses D3 v7's `d3.stack()` to compute stacked series from CSV data, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for the categorical y-axis. Hover interactions trigger a tooltip showing the exact percentage for each genre-rating combination, rendered as SVG with axes formatted via `d3.axisLeft` and `d3.axisBottom`.

Bbharatchowdarypotluri@my.unt.edu
97% 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
97% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute stacked segments and d3.scaleOrdinal for color encoding. Mouseover events reveal tooltips showing exact percentages, while d3.scaleBand and d3.scaleLinear position bars and axes. Data comes from an included CSV file, rendered as SVG with d3.v7.

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

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar's segments represent the percentage of ratings falling into five discrete levels from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip with the exact percentage for that genre and rating level. Built with D3 v7, 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. The chart is rendered as SVG, with data loaded from a CSV file containing computed rating proportions per genre.

Hharsha13638@gmail.com
97% match
Loading thumbnail…

Activity8_Task2

A stacked horizontal bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from "below 5.0" to "above 8.5" and labeled with the percentage each segment represents. The visualization uses d3.stack() to compute the stacked series, d3.scaleBand() for the genre categories on the y-axis, and d3.scaleLinear() for the percentage scale on the x-axis. Interactive tooltips appear on mouseover, showing the exact percentage for a specific genre and rating bracket, with the data loaded from a CSV file and rendered as SVG elements.

WWilliam Nsambu
97% match