Diabetes Data

100%

✓ Published0🌍 Public

Last edited Sep 10, 2020

Created on Sep 10, 2020

Forked from Loading and Parsing CSV 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.

AI-generated description

A program that loads and parses some CSV data: Diabetes Data.

The objective of the data set is do a comparative analysis of different medical predictor values for Diabetes in adult females.

Narrow down to the minimum number of predictors required for prediction of Diabetes

Link for data - https://www.kaggle.com/uciml/pima-indians-diabetes-database

MIT Licensed

Similar vizzes

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

82% match

Loading thumbnail…

Fork of diabeties data

This visualization presents survey data on diabetes awareness, showing the first ten rows of the dataset with details on the number of rows, columns, and file size. The page uses D3.js to load a CSV file from a GitHub gist, while the background displays a static JPEG image of a diabetes-related graphic. The code employs D3's `csv` method for data parsing and displays the information as text elements within the SVG, styled with custom CSS. The visualization is built with Vue and rendered using SVG, with D3 version 5.

VVineela Reddy

79% match

Loading thumbnail…

1. Diabetes Self-Management Data

This example displays the first record of the Diabetes Self-Management dataset as a formatted JSON object in a large monospace font. The code parses a CSV file, converting age and year to numbers and transforming diabetes and heart disease statuses into booleans. It uses the `JSON.stringify` method to serialize the data, which is then inserted into the container's innerHTML within a `<pre>` tag. The visualization provides a raw data preview, highlighting the dataset's structure and initial content.

Oomniaabouhassan@gmail.com

76% match

Loading thumbnail…

Diabetes Dataset (without risks) in Vega-lite

The visualization shows the distribution of diabetes patients by age group and gender, using semi-transparent bars to reveal overlapping counts across categories. It displays the number of patients per age group with color encoding for gender and tooltips presenting the diabetic category. The code uses Vega-Lite's API to construct the bar chart, D3’s `csv` loader to fetch data from a GitHub gist, and applies custom axis and label styling from `config.js`. Data originates from the UCI Early stage diabetes risk prediction dataset.

Llakalia@wpi.edu

75% match

Loading thumbnail…

Fork of Data Table Summary

This visualization displays the total number of rows, columns, and file size of a diabetes survey dataset, followed by a preview of the first ten records in JSON format. Using d3.csv to load the external CSV file, it summarizes the data with d3.csvFormat and appends the results as text to the body. The dataset covers pregnancies and blood pressure from a 2018 United Nations population survey, rendered in an SVG-based HTML page with custom styling.

VVineela Reddy

75% match

Loading thumbnail…

Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, showing the total row count, column count, and file size in kilobytes, followed by a JSON preview of the first ten rows. It uses D3 v5’s `csv` method to load data from a remote CSV file hosted on GitHub, then appends the summary and preview as text elements to the page body using `select` and `append`. The dataset originates from a survey on pregnancies, blood pressure, and diabetic status, and the page includes a background image and link to the raw data source.

VVineela Reddy

75% match

Loading thumbnail…

Loading and Parsing the Breast Cancer Dataset

This example demonstrates the initial step of working with the breast cancer dataset by loading and parsing it, then displaying basic dataset statistics. The page shows the file size in kilobytes, the total number of rows, and the number of columns. It uses D3 v7’s `d3.csv` to fetch the CSV data from a GitHub gist URL, and `d3.csvFormat` to calculate the raw data size. The resulting metrics are rendered as plain text inside a `<pre>` element, providing a concise overview of the dataset’s structure.

RRidhima Saxena

75% match

Loading thumbnail…

D3 Scatter Plot

This interactive scatter plot visualizes the Pima diabetes dataset, cycling through its six numeric columns every two seconds to show how the distribution of each feature relates to glucose levels. Using D3.js v6, the plot updates its x-axis and points with a smooth transition, encoding the diabetes outcome through point color. The visualization employs SVG elements and axes generated with `d3.axisLeft` and `d3.axisBottom`, with data loaded via `d3.csv`. While the code references the penguins dataset in its title, it actually reads and plots diabetes records, with each point representing a patient.

AArun

75% match