Skip to main content
SimilarExport ZIP
100%

Activity-8_Task-2

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

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six movie genres, dividing each genre's percentage into five rating categories from "below 5.0" to "above 8.5." The chart uses `d3.stack` to compose the segments and `d3.scaleBand` for the genre axis, with a linear scale for the percentage values. Rendered as SVG via D3 v7, it employs `d3.axisBottom` and `d3.axisLeft` for axes and includes interactive tooltips on mouseover that display the exact percentage for each segment. The data comes from a CSV file, and the styling uses custom fonts from Google Fonts.

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

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…

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
Loading thumbnail…

Activity 6_Task 2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into one of five rating brackets from “below 5.0” to “above 8.5.” The chart uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the stacked layout and color encoding, while `d3.scaleLinear()` and `d3.scaleBand()` position the segments and genre categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category. Data comes from a CSV file, rendered as SVG elements within a fixed 960×500 canvas.

Mmsnikhil2608@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into one of five rating brackets from “below 5.0” to “above 8.5.” The chart uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the stacked layout and color encoding, while `d3.scaleLinear()` and `d3.scaleBand()` position the segments and genre categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category. Data comes from a CSV file, rendered as SVG elements within a fixed 960×500 canvas.

Mmsnikhil2608@gmail.com
96% match
Loading thumbnail…

Activity6 task 2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating categories from "below 5.0" to "above 8.5." The chart shows proportions per genre via color-coded segments, with a tooltip revealing exact percentages on hover. Built with D3 v7, it uses `d3.stack()` to compute stacked series, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for the percentage axis. Data comes from an external CSV file, rendered as SVG within an HTML page, with axis labels and a title included.

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

Activity-6_Task-2

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating categories from below 5.0 to above 8.5. The visualization uses d3.stack to generate the stacked series and d3.scaleOrdinal for color mapping, rendering SVG rectangles with tooltips that show exact percentages on mouseover. Data comes from a CSV file, and axes are created using d3.axisBottom and d3.axisLeft.

Hhoneyravuri.711@gmail.com
96% match
Loading thumbnail…

Activity-8_Task-2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into five rating brackets from below 5.0 to above 8.5. The chart uses d3.stack() to compute the layered data, d3.scaleBand and d3.scaleLinear for positioning, and d3.scaleOrdinal to map color categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment using d3.format. The data is loaded from a local CSV file and rendered as SVG elements.

Ttharunramula@gmail.com
96% match