Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity7_q2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0be2a9b68a28408a83fecf027e6c120a

Open

Activity7_q2

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

This visualization displays BMI values across age groups using a smooth gradient-filled area chart. It loads data from a CSV file via d3.csv and maps BMI categories as either High or Normal based on a threshold of 25. The chart includes interactive hover effects using the bisector method, displaying tooltips with age, BMI, and category details. Gridlines and axis labels are generated using d3.axisBottom and d3.axisLeft, while the responsive hover line and marker are rendered with SVG elements.

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.