Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Tutorial 2

Public visualization

Viewing a saved revision (read-only)

ea3013895ca34d92adb41dce2d023a09

Activity 6 Tutorial 2

0 stars0🌍 Public
BBamanGayathri
Last edited Oct 18, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into five rating brackets. Each horizontal bar is divided into colored segments, with hovering revealing exact percentages via a custom tooltip. The visualization uses D3.js version 7, employing `d3.stack` for data transformation, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.scaleOrdinal` for color mapping. Data comes from a CSV file, rendered as SVG with mouseover events for interactivity.

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.