Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 2

Public visualization

Viewing a saved revision (read-only)

f7d8f9ddd7774686baf45d8908c7e255

Activity 6_Task 2

0 stars2🌍 Public
SSeema Shrestha
Last edited Apr 10, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar representing a genre and segments colored by rating level from “below 5.0” to “above 8.5.” Hovering over a segment displays its exact percentage in a tooltip. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the bars, while `d3.axisBottom` and `d3.axisLeft` render the scales. Data comes from a local CSV file, and the chart is rendered as SVG with interactive mouse events for highlighting and tooltip display.

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.