Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity6_tutorial2

Public visualization

Viewing a saved revision (read-only)

4e6c43cb13f048fba7bcc00c6a84632a

Fork of Activity6_tutorial2

0 stars1🌍 Public
Yyadlapallisaisathvik@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This visualization displays the distribution of horsepower percentages across different car models using a stacked horizontal bar chart. Each bar represents a car model, with colored segments corresponding to horsepower ranges. The chart uses D3.js v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to compute and render stacked segments as SVG rectangles. Interactive tooltips, styled via CSS, reveal the exact percentage for each range on hover. Data originates from the included `data.csv`, read as a static D3 dataset.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.