Fork of Heart Disease Scatter Plot

100%

Fork of Heart Disease Scatter Plot

✓ Published2🌍 Public

Last edited Apr 17, 2024

Created on Apr 17, 2024

This fork of a Heart Disease scatter plot shows the relationship between a patient’s BMI and the presence of heart disease, with the X-axis representing BMI and the Y-axis indicating heart disease status. The visualization uses D3 v6 to load CSV data from a GitHub gist, parse values with `d3.csv`, and map them to SVG circles via `d3.scaleLinear`. Axes are drawn with `axisLeft` and `axisBottom`, and the plot is rendered as an SVG canvas. The data originates from the Heart Disease UCI Kaggle dataset.

AI-generated description

This is a bar chart about how the car's selling price corelated to it's producing year. The original dataset comes from Kaggle Dataset: Heart Disease UCI

This visualization shows The Github Gist: Heart Disease UCI

The XAxis represents the age of a certain patient The YAxis represents the maximum heart rate achieved.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes heart disease data from the UCI Machine Learning Repository, allowing users to explore correlations between numeric attributes like age, cholesterol, and blood pressure. Dropdown menus let viewers select which columns map to the X and Y axes. The visualization is built using D3 v5, with `scaleLinear` for scaling axes, `axisLeft` and `axisBottom` for gridlines, and animated circle transitions via `transition().duration(2000)` with staggered delays. SVG rendering displays semi-transparent red circles, while axis labels and tick marks are styled through CSS.

AAshtone Onyango

85% match

Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes cardiovascular health data from a heart disease CSV, plotting each patient’s weight against their age as horizontal bars. The visualization uses D3 v5 with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, rendering SVG rectangles. Data is loaded via `d3.csv` from the `heart_disease_data.csv` file, with each bar’s width proportional to weight and height set by band width. The example is a fork of an original cars scatter plot, adapted to this medical dataset.

AAshtone Onyango

85% match

Loading thumbnail…

Project

This scatter plot visualizes the relationship between BMI and heart disease status, using data loaded from a CSV file hosted on GitHub. The x-axis maps BMI values, while the y-axis encodes heart disease presence as a binary 0 or 1, with semi-transparent blue circles showing individual data points. Built with React and D3 v6, the code uses `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the SVG chart across the full browser window, with custom margins and axis labels.

Sshreyasribearelly@gmail.com

84% match

Loading thumbnail…

Fork of Scatter Plot with Menus - Heart Disease Dataset

This scatter plot visualizes heart disease patient data from the UCI dataset, mapping age against maximum heart rate achieved. Users can dynamically change both axes via dropdown menus, selecting from quantitative variables like resting blood pressure or categorical options like patient sex. Built with D3 v6, the visualization uses `scaleLinear` and `scalePoint` for axis scaling, with smooth transitions animating circle positions and radii. The plot renders as SVG, with circles colored by patient sex (red for female, blue for male) and axis updates triggered through custom menu components dispatching change events.

RRyanYun0017

84% match

Loading thumbnail…

Fork of Untitled

This bar chart displays the relationship between BMI and age group from a heart disease dataset. Each bar represents the BMI value for a specific age category, plotted along the x-axis. The chart uses D3.js v4 with SVG rendering, specifically leveraging `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The data is loaded from a CSV file using `d3.csv`, and bars are drawn as SVG rectangles with the class "bar". Axes are added using `d3.axisBottom` and `d3.axisLeft`.

Cchandanagandla

82% match

Loading thumbnail…

Fork of Goals Scatter Plot with Hover

This scatter plot visualizes heart health data from a CSV source, plotting BMI against age categories with circles colored by sex. Built using D3.js, the visualization fetches data via d3-fetch's `csv` function and renders responsive axes with the `@curran/responsive-axes` library. Each circle includes a tooltip via `append('title')` that displays BMI and age values on hover, while mouseover transitions enlarge the circle radius using `select(this).transition().attr('r')`. The plot uses a linear scale for both axes and a gray background rectangle to highlight the data area.

Sshreyasribearelly@gmail.com

82% match

Loading thumbnail…

Visualizing correlations between heart disease patients' data

This interactive scatterplot displays correlations between heart disease patient attributes—such as age, cholesterol, and BMI—with heart disease status, using a red dot for each individual. Users select any attribute pair from the two dropdown menus to swap the axes, and the points animate smoothly into their new positions. The visualization is built with D3 v7, using the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs for scaling and axes, while `transition.attrTween` or `transition().duration().delay()` handles the animation. The data comes from a CSV file loaded via `d3.csv`.

AAshtone Onyango

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

81% match