Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 2 Question 2

Public visualization

Viewing a saved revision (read-only)

72b1c462f26d4b99af0bdcdfdca5ded9

Task 2 Question 2

0 stars0🌍 Public
Sskykarthik97@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This stacked bar chart, rendered with SVG, visualizes the percentage distribution of rating levels across different movie genres. The chart uses a horizontal layout, with genres on the y-axis and percentage on the x-axis, and each bar is segmented by color to represent a specific rating, from "below 10" to "below10". The visualization employs D3.js (v7) APIs such as `d3.stack()`, `d3.scaleBand()`, and `d3.axisBottom()`. Interactive tooltips, displaying the precise percentage for each rating segment, appear on mouse hover, using raw CSV data for the calculation.

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.