Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity-6 Question-2

Public visualization

Viewing a saved revision (read-only)

46886e51115645a5af68fc1515c96a80

Fork of Activity-6 Question-2

0 stars0🌍 Public
Ssusarlasruthi2000@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024

This example visualizes restaurant cuisine ratings across different percentage brackets using a stacked horizontal bar chart. It shows the distribution of ratings from below 4.0 to above 8.0 for six cuisines, with each bar segment colored by rating category. The visualization uses d3.stack to create the stacked data, d3.scaleBand for the y-axis cuisine categories, and d3.scaleLinear for percentage values. Interactive tooltips display specific rating percentages on hover, while axes are rendered using d3.axisBottom and d3.axisLeft with custom tick styling.

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.