Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_tutorial

Public visualization

Viewing a saved revision (read-only)

6179cfa28ba248f9b19a2c8f4e8c760f

Activity6_tutorial

0 stars0🌍 Public
Vvidiyalasahithi1999@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from 2Buddhas

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segmented by rating level from below 5.0 to above 8.5. The visualization uses D3.js v7 with an SVG rendering, mapping genres along the y-axis and percentage along the x-axis. The code employs `d3.stack()` for stacked bar generation, `d3.scaleOrdinal()` for color encoding, and D3's axis APIs (`d3.axisBottom`, `d3.axisLeft`) for tick marks. Hovering reveals a custom tooltip displaying the exact percentage for each rating segment using `d3.format()`.

AI-generated description

React Starter code.