Fork of Project Momentum: Start Polishing

100%

Fork of Project Momentum: Start Polishing

✓ Published0🌍 Public

Last edited Nov 15, 2025

Created on Nov 10, 2025

Forked from Project Momentum: Start Polishing

This interactive bar chart compares medical metrics between male and female patients, with a dropdown menu to switch the y-axis among five health indicators including Max Heart Rate, Resting Blood Pressure, and Cholesterol. Built with React and D3 v7, the visualization aggregates the CSV data by sex and renders average values as color-coded bars, using `d3.scaleBand` and `d3.scaleLinear` for positioning. Clicking a bar highlights that gender while dimming the other, and a legend identifies the male (steelblue) and female (pink) categories.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project Momentum: Start Polishing

This interactive bar chart compares health metrics by sex, showing average values for age, cholesterol, resting blood pressure, max heart rate, or ST depression from heart disease patient data. A dropdown menu switches the y-axis metric, and clicking a bar dims the other category to highlight the selected sex. Built with React and D3 v7, it uses `scaleBand`, `scaleLinear`, and `group` to aggregate data, with axes rendered via `axisBottom` and `axisLeft`.

AAbhi Yammanuru

92% match

Loading thumbnail…

Fork of Project Momentum Color

This interactive scatter plot explores the relationship between patient age and a selectable health metric (cholesterol, resting blood pressure, max heart rate, oldpeak, or age) from a heart disease dataset. A dropdown menu controls the Y-axis variable. The visualization uses D3.js (v7) within a React framework to render an SVG, featuring a legend that allows users to hover and filter data points by gender, highlighting male and female patients in dark blue and pink, respectively. The chart updates dynamically with selections.

AAbhi Yammanuru

88% match

Loading thumbnail…

Prototype 3, interactivity increment

This interactive boxplot visualization compares the distribution of health metrics for male and female patients, with a dropdown menu to switch between Resting BP, Cholesterol, Max HR, Age, and Oldpeak. Hovering over a boxplot dims the other group to facilitate comparison. Built with React and D3 v7, the visualization uses `scaleBand` and `scaleLinear` to compute quartiles, whiskers, and medians from the heart disease dataset. The interactivity is managed through React state for the selected metric and hovered sex, with D3 used for rendering the SVG axes and geometric elements.

AAbhi Yammanuru

83% match

Loading thumbnail…

Project Momentum Color

This scatterplot visualizes the relationship between age and cholesterol levels across patients, with colors indicating gender: dark blue for males and pink for females. Using d3.scaleLinear, d3.extent, and SVG circles, the chart maps heart disease data points and includes an interactive legend. Hovering over the legend triggers a filter that dims the non-selected gender group, implemented through React state management and d3 event handlers. The visualization is rendered in a React application using D3 v7.

AAbhi Yammanuru

83% match

Loading thumbnail…

Assignment 5 - Prototype 1

This visualization shows the relationship between patient sex and resting heart rate, displaying the average maximum heart rate for each sex as colored bars. A bar chart is used, with pink bars representing female patients and steelblue bars representing male patients. The data comes from a CSV file loaded via `d3.csv`, and the visualization is built using React with D3 v7, leveraging `d3.scaleBand`, `d3.scaleLinear`, and `d3.group` to aggregate and scale the data before rendering.

AAbhi Yammanuru

82% match

Loading thumbnail…

Prototype 3

This example shows a box plot comparing resting blood pressure distributions between male and female patients from a heart disease dataset. The visualization displays median lines, interquartile ranges, whiskers, and labels for Q1 and median values for each sex group. It uses React with D3 v7, leveraging `scaleBand`, `scaleLinear`, and `axisBottom`/`axisLeft` to render the chart. Data is loaded from a local CSV file using `d3.csv` and processed to calculate quartile statistics.

AAbhi Yammanuru

78% match

Loading thumbnail…

Fork of Fork of Bar graph-task1

This visualization presents a bar chart of heart disease data, with bars depicting physical health scores for various categories. The chart uses a red grid and axis ticks, and the data is loaded from a CSV file using d3.csv. Built with React, the App component renders an SVG using d3.scaleBand and d3.scaleLinear to map data to positions. Additionally, the code includes a 3D scatter plot created with Plotly, plotting heart disease against smoking and diabetic status, though this chart is not displayed in the main view.

Cchandanagandla

77% match

Loading thumbnail…

Project

This interactive D3.js dashboard explores diabetes medication, gender, and age-group trends related to heart disease outcomes. It shows three SVG charts built from a merged CSV dataset, including a bar chart of heart disease cases by medication status, a pie chart of patient gender distribution, and a bar chart of cases across age groups. The code uses `d3.csv` to load data, `d3.select` to render SVG elements, and a custom tooltip for hover interactions. An embedded Power BI iframe complements the narrative with additional health analytics.

Ppavanbellam@my.unt.edu

77% match