Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Activity_8_Task-2

Public visualization

Activity_8_Task-2

0 stars0๐ŸŒ Public
Mmanideepchinna25@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

A stacked horizontal bar chart displays the distribution of IMDb rating ranges across six movie genres, using proportions from a CSV file. The visualization encodes genre categories on the y-axis and percentage values on the x-axis, with color-coded segments for each rating bin. Built with D3 v7, the code employs `d3.stack`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` to construct the SVG chart. Interactive tooltips appear on mouseover, showing exact percentages using `d3.format`, while hover effects adjust rectangle opacity. Axis labels and a title clarify the data.

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