Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task_2

Public visualization

Viewing a saved revision (read-only)

bb776733a5794e4a936bb99639aca842

Activity6_Task_2

0 stars1🌍 Public
Aamireddy.sw@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This stacked bar chart shows the effect of genre on movie ratings, where each bar represents a genre and is segmented by rating level, with hover tooltips revealing precise percentages totaling 100%. Built with D3 v7, the visualization uses `d3.csv` to load data and `d3.stack` to compute stacked segments, rendering rectangles with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, while `d3.scaleOrdinal` applies color categories. Axes are generated via `d3.axisBottom` and `d3.axisLeft`, and SVG output is styled with external CSS fonts.

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.