Heart disease data

100%

Heart disease data

✓ Published0🌍 Public

Last edited Apr 29, 2022

Created on Mar 31, 2022

This bar chart displays the average OldPeak level for males and females, using a purple horizontal bar for each gender. The data comes from a CSV file containing heart disease patient records. The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to build the SVG chart. Custom axis labels and a title are added, with the y-axis showing gender categories and the x-axis representing the OldPeak measurement.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

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

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

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

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

76% match

Loading thumbnail…

Chest pain type vs count Bar Chart

This grouped bar chart visualizes the count of patients by chest pain type and sex, distinguishing between males (steelblue) and females (pink) with a legend. It uses D3.js APIs including `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the axes, and interactive tooltips on mouseover. The data comes from the heart-failure-prediction Kaggle dataset, while custom axis labels and an inner rectangle background enhance readability. The visualization is rendered as an animated SVG.

SSree Likhith

75% match

Loading thumbnail…

Heart Disease Population

The visualization tracks the highest-populated country of heart disease patients from 2000 to 2016, showing how the leading country changes annually. It renders an area chart with a smooth curve, using blue lines and skyblue fills, with red tick labels and violet axis labels. The code uses D3 v5 APIs including `scaleLinear`, `line`, `area`, `curveBasis`, `axisLeft`, and `axisBottom` to generate the SVG. Data comes from a CSV file loaded via `csv`, with population and year values parsed as numbers before rendering.

SSurikanti Swathi

75% match

Loading thumbnail…

heart data parallel coordinate plot

This visualization presents a parallel coordinate plot of heart patient data, showing relationships between RestingBP, Cholesterol, and MaxHR. Each line represents a patient, colored by chest pain type (ATA, NAP, ASY, TA) using a d3.scaleOrdinal color scale. Users can hover over lines to highlight a specific chest pain category, and drag the axes to reorder dimensions. The implementation uses d3.csv for data loading, SVG paths for rendering lines, d3.axisLeft for axes, and d3.drag to enable interactive axis repositioning.

AAishwarya Manjunath

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

75% match