Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 2_Questions

✓ Published0🌍 Public
RRishithaGarnepudi@my.unt.edu
Last edited Oct 20, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across eight movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5." The chart reads values from a CSV file using D3's `d3.stack` and `d3.scaleBand` for the genre axis, while `d3.scaleLinear` handles the percentage axis. Color-coded segments use `d3.scaleOrdinal`, and interactive tooltips appear on mouseover via D3 v7 event handlers, displaying the exact percentage for each rating segment.

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…

Activity 6 Task 2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” Percentages are shown on a linear x-axis, while genres appear on a band scale y-axis. The visualization uses d3.v7 with SVG rendering, building the stacks via `d3.stack()` and mapping colors with `d3.scaleOrdinal()`. Interactive tooltips display exact percentages on mouseover, using D3 event handlers. Data comes from the provided CSV file.

Aanisha.peddireddy@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…

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_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
95% match
Loading thumbnail…

Activity-8_Task-2

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.

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

Activity 6_Task2

A stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, using a divergent color scale for five rating categories from "below 5.0" to "above 8.5". Hovering over any segment reveals an exact percentage via a tooltip. Built with d3.v7, the chart uses `d3.stack()` for stacking, `d3.scaleBand()` for genres, and `d3.scaleLinear()` for percentages, with data from the provided CSV. The SVG render includes axis labels, a title, and interactive mouseover events.

Mmudunurirahulvarma98@gmail.com
95% 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
95% match