Skip to main content
SimilarExport ZIP
100%

Activity6_Task 2

✓ Published0🌍 Public
Vvikramkotlo9@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity6_Task 2

A stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, using five rating brackets from below 5.0 to above 8.5. The chart uses `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical genre axis. Hovering over a segment reveals the exact percentage via a tooltip. Data comes from a local CSV file, rendered as SVG with D3 v7.

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

Activity 6_Task 2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, showing how rating levels such as 5.0–6.5 or above 8.5 vary by genre. It uses d3.v7 with SVG rendering, employing d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to construct the bars. Hovering over a segment triggers a tooltip via d3.select, displaying the exact percentage for that genre and rating category. The data comes from a CSV file and is formatted using d3.format.

Ttallavijayalakshmi0710@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 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
97% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segmented by five rating bands from below 5.0 to above 8.5. The chart uses D3 v7 loaded via UNPKG to process CSV data, applying d3.stack for stacking and d3.scaleOrdinal for color mapping. Interactive tooltips reveal the exact percentage for each genre-rating combination when hovering, with SVG rendering handled through d3.axisBottom, d3.axisLeft, and margin-based layout.

VVarshith Peddineni
97% match
Loading thumbnail…

Activity6-Task2

A stacked 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 chart uses d3.stack() to compute the stacked series and d3.scaleOrdinal() for the color encoding, rendering as SVG with d3.axisBottom and d3.axisLeft. Hovering over a segment displays a tooltip showing the exact percentage for that rating category within the genre. Data comes from a local CSV file loaded through D3's data loading methods.

Aaashishvinayvasala@gmail.com
97% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating intervals from "below 5.0" to "above 8.5." The visualization uses d3.stack() to aggregate the data, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage axis. Hovering over a segment displays a tooltip with the exact percentage via d3.select and mouse events. The SVG rendering applies a color scale with five distinct hues and reads data from a CSV file.

Nnsairitwikreddy@gmail.com
97% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows 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" as percentages. It loads CSV data and uses d3.stack to compute the stacked series, d3.scaleBand for the genre axis, d3.scaleLinear for the percentage axis, and d3.scaleOrdinal with a custom color palette. SVG rectangles render the segments, and mouse events trigger an HTML tooltip displaying the precise percentage for each segment.

Ppenujulilikhil01020@gmail.com
97% match