Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial-2 Q3

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1e2b20dbefa74e5089f57a4fa7eeed96

Open

Tutorial-2 Q3

0 stars0🌍 Public
Ssathvikavancha@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024

This stacked bar chart displays the distribution of movie ratings across five genre categories, with each bar segmented into five rating ranges from below 5 to above 8.5. The visualization uses d3.stack() to compute layered segments, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the percentage-based y-axis, and d3.scaleOrdinal with d3.schemeCategory10 for color encoding. Data is embedded directly in the HTML, and axes are formatted using d3.axisLeft and d3.axisBottom.

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.