Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Activity_6 task 2 Tutorial

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed