Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6 task 2 Tutorial

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ad57f8feb7f6437eb78cb4f28d831d93

Open

Activity_6 task 2 Tutorial

0 stars0🌍 Public
Rraaghaveramireddy@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example visualizes the distribution of movie ratings across genres using a stacked horizontal bar chart. It shows the percentage of ratings in five categories, from "below 5.0" to "above 8.5", for genres such as Documentary, Drama, Comedy, Romance, Animation, and Action. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleOrdinal` for color coding, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.stack` to create the stacked segments. Tooltips display exact percentages on hover, using data loaded from a local CSV file.

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.