Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DV TASK-8(Q2)

Public visualization

Viewing a saved revision (read-only)

2604a0b224c5470d97840f6694bec733

DV TASK-8(Q2)

0 stars0🌍 Public
Nnagabinduk2023@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This stacked bar chart shows the distribution of movie ratings within different genres, with each segment representing the percentage of a specific rating level. Hovering over a segment reveals a tooltip displaying the exact percentage for that rating and genre. Built with D3.js v7, the visualization uses `d3.stack()` for data processing, `d3.scaleBand()` for the genre axis, and `d3.axisBottom()` for the percentage axis. The SVG renders color-coded rectangles, and the tooltip uses HTML positioning. The chart is based on rating data from the `iris.csv` dataset.

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.