Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_q2

Public visualization

Viewing a saved revision (read-only)

f209e61de80a434096024b718a8a118a

activity6_q2

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

This example shows stacked horizontal bars comparing the percentages of IMDb movie ratings across different genres, with each bar segment representing a rating range from "below 5.0" to "above 8.5". It uses D3 v7's `d3.stack`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` to create the chart, rendered as SVG. The data is loaded from a CSV file, and hovering over a segment displays a tooltip showing the exact percentage for that genre and rating category. The chart includes a title and an x-axis label, with legends omitted.

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.