Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
PPothuguntla Pranitha
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Activity-6

A stacked horizontal bar chart displays the distribution of IMDb ratings across six genres, with each genre broken into five rating percentage bands. The visualization reads a CSV file and uses D3 v7's `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to render SVG rectangles, while tooltips on hover reveal the exact percentage for a rating band. Axis labels and a title clarify the chart, and the color palette distinguishes rating categories.

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 shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating bands from below 5.0 to above 8.5. Using d3.stack and d3.scaleOrdinal, the chart maps the percentage data from CSV to colored segments with a tooltip that displays exact percentages on hover. The visualization relies on d3.axisBottom, d3.axisLeft, and d3.scaleBand for layout, and renders as SVG with a legend.

MMallikarjun Narra
97% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six genres, using percentage categories ranging from "below 5.0" to "above 8.5." The chart renders as SVG elements via D3 v7, with each genre represented as a horizontal bar segmented into five colored rating bands. The visualization employs `d3.stack()` to compute stacked series, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the x-axis percentages. Interactive tooltips appear on mouseover, displaying the exact percentage for any rating segment using `d3.format('.2f')`. The data comes from a local CSV file loaded with `d3.csv`.

Ssathvik0311@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

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.

Ssindhuja27b@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart visualizes the distribution of IMDb ratings across six genres, with percentages segmented into five rating bins from below 5.0 to above 8.5. The chart uses d3.stack and d3.scaleOrdinal with a custom color palette to display proportional segments within each genre bar. SVG rendering powers the visualization, with d3.axisBottom and d3.axisLeft for scales, and mouseover events trigger tooltip updates showing exact percentage values. The data originates from a local CSV file read directly in the script.

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

Activity6_Task2

A stacked horizontal bar chart displays the percentage of IMDb movie ratings across six genres, broken into five rating brackets from below 5.0 to above 8.5. The chart uses D3 v7’s `d3.stack` and `d3.scaleBand` to generate the bars, with `d3.scaleOrdinal` assigning distinct colors to each rating category. Interactive tooltips appear on mouseover, showing the exact percentage for a specific genre and rating bracket. Data comes from the included CSV file, and the visualization renders as SVG.

Kkrishnavisheshkatta@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented by five rating ranges from "below 5.0" to "above 8.5" as percentages. The visualization uses D3 v7 to load CSV data, applies `d3.stack()` to create stacked series, and renders SVG rectangles with `d3.scaleOrdinal` for color encoding. Interactive tooltips, implemented via mouse events, display the exact percentage for each rating segment on hover, while axes are generated using `d3.axisLeft` and `d3.axisBottom`.

Vvemulasai306@gmail.com
96% match