Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 2

Public visualization

Viewing a saved revision (read-only)

1002d17e4ffe48a3ac1c410535a5ff4f

Activity 6_Task 2

0 stars0🌍 Public
Sskykarthik97@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity 6

This visualization shows how movie ratings are distributed across six genres, using a stacked horizontal bar chart where each bar represents the percentage of films falling into five rating brackets from below 5.0 to above 8.5. Each genre’s bar is segmented into color-coded sections, with hover interactions revealing precise percentage values via tooltips. Built with D3 v7, the chart uses `d3.stack` for data transformation, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for the percentage scale. The data, loaded from a CSV file, is rendered as SVG, with axis labels and styling defined in external CSS.

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.