Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2

Public visualization

Viewing a saved revision (read-only)

bb9a341c6d6c4e1487f04cd53d39fd4f

Activity6_Task2

0 stars0🌍 Public
Sshanmukhivasa@my.unt.edu
Last edited Apr 16, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This chart is a stacked horizontal bar chart showing the percentage of fee payments across four terms and a final payment for individual students. Each bar segment represents a fee category, with its length proportional to the percentage paid. The visualization uses the D3.js v7 library with `d3.axisLeft`, `d3.axisBottom`, and `d3.stack` to construct the chart. The data comes from a static CSV file containing fee payment percentages for each student. Interactive tooltips display the exact percentage for each segment when hovered, and the chart includes a legend and axis labels.

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.