Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

cdd63452ceb243f79e568b1ab6bce863

Open

Activity6_Task2

0 stars0🌍 Public
Ppnamitha46@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. Each bar segment represents the percentage of movies within a rating range (e.g., below 5.0, 5.0–6.5), with a legend on the right. Built with D3 v7, it uses `d3.stack`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` to structure the data, while mouse events and a custom tooltip display exact percentages on hover. The chart is rendered as SVG with a CSV data source.

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.