Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading Data 2

Public visualization

Viewing a saved revision (read-only)

16a64e2bab3e49f497f79169a38c69bf

Loading Data 2

0 stars1🌍 Public
AAbhi Yammanuru
Last edited Sep 7, 2025
Created on Sep 3, 2025
Forked from Loading Data 1

This example demonstrates loading a heart failure prediction dataset from a CSV file via a file input, then displaying its contents as a formatted JSON object. The visualization initially fetches `heart.csv` using D3's `fetch` and `csvParse` functions, converting numeric columns to numbers. Users can subsequently load their own CSV file, which is read using the `FileReader` API and parsed by `d3.csvParse`, updating the displayed state. The code relies on D3's `select`, `selectAll`, and `join` operations to render the data.

AI-generated description

This is my second dataset, with a heart faliure prediction dataset from kaggle.

https://www.kaggle.com/datasets/fedesoriano/heart-failure-prediction Ordinal 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