Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2_Q2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b90f194f9f754e04999060e8e4dbce35

Open

Activity6_Task2_Q2

0 stars0🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

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.