Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Question2

Public visualization

Viewing a saved revision (read-only)

4794fbf91d594ae8a247e6b8c9a48b61

Task8_Question2

0 stars0🌍 Public
KKeerthi
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This visualization presents a stacked bar chart displaying patient details, with each bar representing a patient and segments showing the percentage contribution of different attributes such as age, weight, and height. The chart uses a horizontal layout, with bars stacked by category and color-coded via a scaleOrdinal palette. Hovering over a segment reveals a tooltip with the exact percentage value for that category. The implementation uses d3.v7's stack, scaleLinear, and scaleBand APIs, rendering as SVG with data loaded from Patientdata.csv, and includes interactivity through mouseover events.

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.