Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

2b97412a856f47f98273cd726a3f8dd9

Activity6_Task2

0 stars2🌍 Public
Vvemulasai306@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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`.

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.