Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lokesh Question 2

Public visualization

Viewing a saved revision (read-only)

7e8b478b1d4f4fe0b54c49020a1b1089

Lokesh Question 2

0 stars0🌍 Public
Rrayavarapulokesh3@gmail.com
Last edited Oct 22, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This example shows how iPhone 14 ratings vary across age groups, using a horizontal stacked bar chart where each bar represents an age cohort and segments show the proportion of ratings in five performance bands. The visualization uses D3 v7 to load comma-separated data, apply a d3.stack layout, and render SVG rectangles. A d3.scaleBand positions age groups along the vertical axis, while a d3.scaleLinear maps percentage values horizontally. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment via formatted text.

AI-generated description

This project visualizes a stacked bar chart using D3.js, showcasing the distribution of customer satisfaction ratings across various product categories. The visualization represents different categories (e.g., Electronics, Clothing, Home, Books, Sports, Furniture), and their respective customer satisfaction ratings ("Very Unsatisfied," "Unsatisfied," "Neutral," "Satisfied," "Very Satisfied").