Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity7_Q2

Public visualization

Viewing a saved revision (read-only)

4e51cb7d97ff4262a77b88f104b44cbf

Activity7_Q2

0 stars0🌍 Public
Kkeerthana11.mcs@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This visualization displays the distribution of BMI values across age groups from a diabetes dataset, distinguishing between normal and high BMI categories. The interactive chart uses D3.js to render a blue gradient area plot with smooth Catmull-Rom curves, complemented by gridlines and labeled axes. As users move their cursor across the chart, a dashed hover line, circular marker, and tooltip dynamically appear to reveal the exact age, BMI value, and category of the nearest data point. The data is loaded remotely via d3.csv and processed with d3.bisector for efficient mouse position lookups.

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.