100%

Heart Disease

✓ Published0🌍 Public

Last edited Sep 9, 2021

Created on Sep 9, 2021

Forked from Loading and Parsing CSV Data

This visualization displays summary statistics for a heart disease dataset sourced from Kaggle.com, showing the file size in kilobytes, row count, and column count in large blue text. The code uses d3.csv to load the CSV file from a GitHub Gist, then d3.csvFormat to calculate the data size and accesses the data's length and columns properties to extract the metrics. It demonstrates both async/await with fetch and a promise-based d3.csv approach, though only the latter is active in the current version.

AI-generated description

Heart Disease data from Kaggle.com.

Gist: https://gist.githubusercontent.com/RyanYun0017/cc46aeeef6bf15531920616f5ee3b149/raw/195683e9b475fa7df08401d6b3969277779c99fa/HeartDisease.csv

This dataset contains patient's attributes including sex, age, chest pain type(cp), resting blood pressure(threstbps), etc..

MIT Licensed

Similar vizzes

Loading thumbnail…

02_Data for Heart Attack possibility

This example displays a summary of the Heart Disease UCI dataset, showing the file size in kilobytes, row count, and number of columns. The code loads the CSV data from a GitHub gist using the d3.csv method from D3 v5. It then computes the byte size of the formatted data with d3.csvFormat and presents the statistics in a large text element. The dataset includes 14 attributes such as age, cholesterol, and chest pain type, which can be used to analyze factors contributing to heart attack risk.

AAbdul Salam Almadani

81% match

Loading thumbnail…

Loading and Parsing diabetes risk CSV Data

This example loads a diabetes risk prediction dataset from UCI’s machine learning repository, sourced from Sylhet Hospital in Bangladesh, and displays its size in kilobytes, row count, and column count. The visualization uses d3.csv to fetch and parse the CSV file, then d3.csvFormat to calculate the file size, with the summary rendered in a large-text <pre> element. It also includes commented-out alternatives using fetch, async/await, and d3.csvParse, demonstrating different ways to handle asynchronous data loading.

Llakalia@wpi.edu

76% match

Loading thumbnail…

Loading and Parsing Healthcare Dataset Stroke CSV Data

This example displays a summary of the parsed healthcare stroke dataset, showing its size in kilobytes, row count, and column count as large text. It uses d3.csv to fetch and parse the CSV file from a GitHub raw URL, then computes the file size with d3.csvFormat and reports the data's dimensions. The visualization serves as a preliminary loading step, verifying the data's structure before any further analysis.

Aaishwarya8615

76% match

Loading thumbnail…

Medical Cost Data

This example summarizes a medical cost dataset loaded from a CSV file, displaying its size in kilobytes, row count, and column count in a large text element. It uses D3 v5’s `d3.csv` to fetch and parse the data, then `d3.csvFormat` to measure the data size. The code also includes commented-out alternatives using `fetch` with `async/await` and a nested promise chain to illustrate different loading patterns.

Wwenleicao

75% match

Loading thumbnail…

Diabetes Data

This example loads a CSV dataset on diabetes in adult females from a GitHub gist and compares the number of text bytes, rows, and columns in the file. It reads the data using the `d3.csv` request method, then formats it with `d3.csvFormat` to measure its size in kilobytes, and displays these figures in a large `<pre>` element on the page. The visualization is a simple textual summary, not a chart, highlighting the dataset’s dimensions for comparative analysis of medical predictor variables. The data originates from the Pima Indians Diabetes Database on Kaggle.

AAnurag Desai

73% match

Loading thumbnail…

Loading and Parsing Coronavirus Data

This visualization demonstrates how to load and parse the Johns Hopkins Coronavirus Dataset, displaying basic file statistics in a large preformatted text element. It fetches the global deaths time series CSV via `d3.csv`, then computes the data size in kilobytes using `d3.csvFormat`, and counts the rows and columns from the parsed array and its `data.columns` property. The final message shows the latest date column, total file size, row count, and column count, all rendered into the DOM via `textContent`. The example highlights D3’s Promise-based data loading and inspection of CSV metadata.

KK3zter

73% match

Loading thumbnail…

Medical Cost Personal Datasets

This example displays basic metadata about the Medical Cost Personal Datasets, sourced from a cleaned-up Kaggle dataset used in the book Machine Learning with R. It shows the file size in kilobytes, the number of rows, and the number of columns in the CSV. The visualization uses d3.csv to load the remote data and d3.csvFormat to calculate the byte size, then displays the results as large text in an HTML pre element. It also includes commented-out alternatives using fetch, async/await, and d3.csvParse.

Mmeperezcuello

73% match

Loading thumbnail…

heart-failure-prediction

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.

SSree Likhith

73% match