Skip to main content
SimilarExport ZIP
100%

Assignment 3

✓ Published1🌍 Public
AAbhi Yammanuru
Last edited Sep 7, 2025
Created on Sep 7, 2025

This visualization displays the relationship between age and cholesterol levels in a heart attack prediction dataset from Kaggle. Each circle represents a patient, positioned by age on the x-axis and cholesterol on the y-axis. Built with React and D3 v7, the visualization loads CSV data and uses `d3.scaleLinear` for axis scaling. Circles are rendered using the D3 `selectAll().join()` method to bind data points to SVG circle elements, creating a scatter plot where all points share the same size and color.

AI-generated description

Visualization of Heart Attack Prediction Dataset

https://www.kaggle.com/datasets/fedesoriano/heart-failure-prediction - Dataset

Columns: "Age": Numerical, "Sex": Categorical, "ChestPainType": Ordinal, "RestingBP": Numerical, "Cholesterol": Numerical, "FastingBS": Numerical, "RestingECG": Categorical, "MaxHR": Numerical, "ExerciseAngina": Categorical, "Oldpeak": Numerical, "ST_Slope": Categorical, "HeartDisease": Numerical

This data visualization maps Age on the X axis and Cholesterol on the Y axis.

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 4

A scatterplot displays the relationship between patient age and cholesterol levels from a heart disease dataset. Each circle represents one patient, positioned by age on the x-axis and cholesterol on the y-axis. The visualization is built with React and D3 v7, using `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and circles. Data loads from a CSV file with numeric fields formatted before the chart renders.

AAbhi Yammanuru
88% match
Loading thumbnail…

Assignment 5 - Prototype 2

This scatter plot visualizes the relationship between patient age and cholesterol levels, with points colored by sex to reveal potential patterns in heart disease data. The visualization is built using React and D3.js, employing `d3.csv` for data loading and `d3.scaleLinear` for the x and y axes. The chart includes a legend for male and female data points, with axis labels and a title generated through the custom `viz` function.

AAbhi Yammanuru
85% match
Loading thumbnail…

Fork of Data set on Heart attack possibility

This visualization plots the relationship between age, resting blood pressure, and serum cholesterol, with points colored by gender to explore heart attack risk factors. The data comes from the Heart Disease UCI dataset, sourced from Kaggle. Built with Vega-Lite API and D3 v5, the chart uses circular marks with opacity to show data density, mapping age to the x-axis, blood pressure to the y-axis, cholesterol to point size, and gender to color. The visualization includes a custom config for improved label and title readability.

Kkshethia12
79% match
Loading thumbnail…

Data analisis heart disease

The visualization is a scatter plot examining heart disease risk factors, plotting serum cholesterol against resting blood pressure, with point size encoding age and color distinguishing gender. The chart uses the Vega-Lite API to render the dataset from the UCI Heart Disease repository, sourced via a Kaggle-hosted CSV file. The tooltip displays the heart attack possibility target value. The code relies on vega-lite-api's `markCircle` and `.encode` methods, with data loading handled by `d3.csv`. The plot uses a dark-themed custom config for axis styling and readability.

Llimeroc
78% 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
78% match
Loading thumbnail…

Task3

This scatter plot visualizes a heart disease dataset, showing the relationship between resting blood pressure and serum cholesterol. Each circle represents a patient, with its color indicating chest pain type: sky blue for typical angina, light green for atypical angina, orange for non-anginal pain, and red for asymptomatic cases. The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` to map axes, and renders SVG circles with the `join` pattern. Axis labels are added as SVG text elements, with the chart sized to the full `window.innerWidth` and `window.innerHeight`.

Sshanmukhivasa@my.unt.edu
78% match
Loading thumbnail…

Fork of Data set on Heart attack possibility

This visualization plots the relationship between cholesterol and resting blood pressure, with each point representing a patient from the Heart Disease UCI dataset. The size of each point encodes the patient's age, while color distinguishes gender (blue for male, red for female). The visualization uses the Vega-Lite API via the `vl` library, with data loaded from a CSV file. This view allows exploration of how these cardiovascular risk factors correlate with the likelihood of heart attack, as indicated in the tooltip showing the target attribute.

Kkshethia12
77% match
Loading thumbnail…

Data set on Heart attack possibility

This visualization plots serum cholesterol against resting blood pressure, with each point representing a patient from the Heart Disease UCI dataset. Circle size encodes age, while color distinguishes gender, and tooltips reveal heart attack risk classification. Built with Vega-Lite and D3.js, the scatterplot uses quantitative scales for both axes and nominal color encoding for sex, drawing data from a CSV fetched via d3.csv.

AAbdul Salam Almadani
77% match