Heart Disease Data Visualization

Interactive D3.js visualization of heart disease data with React.

Features

• Adjustable Y-Axis: Select from multiple variables to display on the Y-axis (Cholesterol, Resting BP, Max Heart Rate, Oldpeak, Age)
• Gender Filtering: Hover over the legend to filter data by gender (Male/Female)
• Interactive Chart: Scatter plot showing the relationship between Age (X-axis) and selected variables (Y-axis)
• Color-Coded: Males displayed in dark blue, females in pink

Available Y-Axis Variables

• Cholesterol
• Resting BP (Blood Pressure)
• Max Heart Rate
• Oldpeak
• Age

How to Use

1. Use the dropdown menu at the top to select which variable to display on the Y-axis
2. Hover over the legend items (Male/Female) to highlight specific gender groups
3. The chart updates dynamically based on your selections