Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 tutorial 2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3b176e5dccab4ce58247e1ae8e78177e

Open

Activity 6 tutorial 2

0 stars1🌍 Public
Kkaringusathwika@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024

This stacked bar chart shows the distribution of IMDb movie ratings across five genres, with each bar representing the percentage of movies falling into categories from 'below 5.0' to 'above 8.5'. Hovering over a segment displays a tooltip with the exact percentage. Built with D3.js v7, the visualization uses `d3.stack` for horizontal stacking, `d3.scaleBand` for the y-axis, and `d3.axisBottom` for the x-axis, rendering as SVG. Tooltips are implemented as HTML divs positioned via mouse events.

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.