heart-failure-prediction

100%

heart-failure-prediction

✓ Published0🌍 Public

Last edited Feb 20, 2024

Created on Jan 23, 2024

Forked from CSV Dataset Template - Penguins

This visualization explores how clinical attributes contribute to heart failure risk using the Kaggle heart-failure-prediction dataset. Two interactive charts examine gender differences and the impact of factors like age, chest pain type, and maximum heart rate on disease outcomes. The code loads data from a CSV file, converts numeric fields, and renders visualizations using JavaScript within a VizHub iframe. The example demonstrates data parsing and chart construction without specifying particular D3 API calls in the visible code.

AI-generated description

The heart-failure-prediction,

Analysis we can Perform

How different clinical attributes contribute to heart failure risk. And also we can investigate if there are any significant differences in heart failure cases between genders.

MIT Licensed

Similar vizzes

Loading thumbnail…

Heart-failure-prediction Scatter Plot

This scatter plot visualizes the relationship between age and maximum heart rate for individuals in a heart failure prediction dataset from Kaggle. Each circle represents a person, positioned by age on the x-axis and MaxHR on the y-axis, with most data points clustered between ages 40 and 70. The visualization uses d3.scaleLinear for axes and d3.scaleOrdinal for categorical coloring, with semi-transparent circles (opacity 0.6) revealing overplotting density in darker overlapping regions. Outliers with unusually high or low heart rates for their age appear scattered throughout the plot.

SSree Likhith

78% 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

76% match

Loading thumbnail…

Reusable Scatter Plot of Heart Disease Dataset

This interactive scatter plot visualizes the Heart Disease UCI dataset from Kaggle, mapping patient age on the x-axis and maximum heart rate achieved on the y-axis, with points colored by sex (red for female, blue for male). Built with D3.js, the visualization uses a reusable scatter plot module that supports dynamic axis updates, animating through different x-axis attributes (age, thalach, restecg) every two seconds using `setInterval` and `transition().duration(1000)`. The SVG renders axes via `axisLeft` and `axisBottom`, with data loaded asynchronously via `csv`.

RRyanYun0017

76% 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

74% match

Loading thumbnail…

Draft Heart attack dataset

This scatterplot uses a heart disease dataset from Kaggle to explore the relationship between maximum heart rate achieved and resting electrocardiographic results, with age on the vertical axis. Each circle represents a patient, colored by gender. The visualization is built with React and D3 v5, using `scaleLinear`, `scaleOrdinal`, `extent`, and `format` from D3, with SVG rendering via custom `AxisBottom`, `AxisLeft`, and `Marks` components. Axes are drawn with D3’s tick generation, and hovering shows tooltips via SVG `<title>` elements.

AAbdul Salam Almadani

73% match

Loading thumbnail…

Heart Disease Scatter Plot

A scatter plot maps patient age against maximum heart rate achieved, with each circle colored by sex (red for female, blue for male). The visualization uses D3 v6 to load CSV data from a GitHub Gist based on the Heart Disease UCI Kaggle dataset. SVG circles are positioned with d3.scaleLinear scales and axes are rendered via d3.axisLeft and d3.axisBottom. The plot reveals heart rate patterns across age groups and sex differences in the dataset.

RRyanYun0017

73% match

Loading thumbnail…

Iterated Work: Heart Disease Scatter Plot

This scatter plot shows the relationship between patient age and maximum heart rate from the Heart Disease UCI dataset, with points colored by gender (crimson for female, dark blue for male). The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for gridlined axes, `d3.scaleOrdinal` for the categorical color mapping, and the `d3-legend` library for the color legend. The data is loaded via `d3.csv` from a GitHub gist, with the sex attribute transformed from numeric codes to strings for labeling.

RRyanYun0017

73% match

Loading thumbnail…

Heart Disease Scatter Plot

This scatter plot shows the relationship between patient age and maximum heart rate achieved using data from the Heart Disease UCI Kaggle dataset. Each blue circle represents an individual patient, with age plotted along the x-axis and maximum heart rate along the y-axis. The visualization loads CSV data via `d3.csv`, parses numeric fields, and renders circles as SVG elements with `d3.scaleLinear` for both axes. Axis labels are added manually using SVG text elements, while axes themselves are generated through `d3.axisLeft` and `d3.axisBottom`.

AAishwarya Manjunath

73% match