Skip to main content
SimilarExport ZIP
100%

Diabetes Data

✓ Published3🌍 Public
Sskasliwal@wpi.edu
Last edited Aug 31, 2025
Created on Aug 31, 2025
Forked from Loading Data

This example presents a scatter plot of the Pima Indians Diabetes Dataset, visualizing diagnostic measurements such as glucose levels, BMI, and age to explore their relationship with diabetes outcomes. The visualization is built using D3.js (d3.v7) and employs the `select` and `csvParse` APIs to load and structure the CSV data, which is then converted from strings to numeric values. The rendering displays the dataset as raw JSON text within a `<pre>` element, offering a straightforward, data-centric view of the 768 patient records without additional charting layers.

AI-generated description

Pima Indians Diabetes Dataset: This dataset is derived from the National Institute of Diabetes and Digestive and Kidney Diseases and is commonly used for binary classification tasks in machine learning. It contains diagnostic measurements from a group of Pima Indian women to predict the onset of diabetes.

Source URL: https://www.kaggle.com/datasets/uciml/pima-indians-diabetes-database

Attribute Descriptions Pregnancies: Quantitative (Number of times pregnant).

Glucose: Quantitative (Plasma glucose concentration).

BloodPressure: Quantitative (Diastolic blood pressure).

SkinThickness: Quantitative (Triceps skin fold thickness).

Insulin: Quantitative (2-hour serum insulin).

BMI: Quantitative (Body Mass Index).

DiabetesPedigreeFunction: Quantitative (A function that scores the likelihood of diabetes based on family history).

Age: Quantitative (Age in years).

Outcome: Categorical (0 = non-diabetic, 1 = diabetic).

MIT Licensed

Similar vizzes

Loading thumbnail…

Pima Indians Diabetes Dataset (Scatter Plot Improved)

This visualization combines a scatter plot and bar chart to explore the Pima Indians Diabetes dataset. The scatter plot maps BMI and glucose concentration, using color to encode age and shape (circle vs. cross) to distinguish diabetic outcomes, while the bar chart shows average glucose by outcome. The code uses d3.csvParse to load data, d3.scaleLinear for positioning, d3.scaleSequential with interpolateInferno for the color scale, and d3.symbol for shape encoding. The bar chart employs d3.scaleBand and d3.max for aggregation.

Sskasliwal@wpi.edu
90% match
Loading thumbnail…

Pima Indians Diabetes Dataset (Scatter Plot Improved_3)

This dashboard visualizes the Pima Indians Diabetes dataset, showing patient BMI and Glucose levels across a scatter plot faceted by age bins. Points encode diabetes outcome through shape (circle for non-diabetic, cross for diabetic) and age through a sequential red color scale. A bar chart displays average glucose by outcome per age group, with an interactive legend and patient detail panel updating upon selection. The implementation uses D3 v7 APIs including scaleThreshold, scaleOrdinal, symbol, brush, and csv parsing.

Sskasliwal@wpi.edu
90% match
Loading thumbnail…

Pima Indians Diabetes Dataset (Scatter Plot Improved_4)

This dashboard visualizes the Pima Indians Diabetes dataset, mapping BMI and glucose levels for individual patients while encoding age through color and diabetes outcome through point shape. The interface combines a scatter plot with a faceted bar chart showing average glucose by age bin and outcome, alongside a clickable patient detail panel. Built with D3 v7, it uses scales like `scaleThreshold` and `scaleOrdinal`, symbol generators for categorical shapes, brushing for interaction, and CSV data loading for the analysis.

Sskasliwal@wpi.edu
90% match
Loading thumbnail…

Pima Indians Diabetes Dataset (Scatter Plot)

This scatter plot visualizes the Pima Indians Diabetes Dataset, plotting BMI on the x-axis against Glucose concentration on the y-axis for individual patients. Each point is color-coded by the binary outcome (blue for non-diabetic, red for diabetic), using a categorical color scale with blue and red hues. The chart is rendered with D3.v7, using core APIs such as `scaleLinear`, `scaleOrdinal`, `extent`, and the `.join()` modifier to build the SVG. The data is loaded asynchronously from a CSV file containing diagnostic measurements from the National Institute of Diabetes and Digestive and Kidney Diseases.

Sskasliwal@wpi.edu
90% match
Loading thumbnail…

Pima Indians Diabetes Dataset (Scatter Plot Improved_1)

The visualization presents the Pima Indians Diabetes dataset as a dual-panel scatter plot, mapping BMI and Glucose levels while encoding patient age through a red sequential color scale and diabetes outcome via point shape (circles for non-diabetic, crosses for diabetic). A secondary bar chart displays average glucose by outcome. Users can filter points by age bins, which adjusts opacity based on a selection set. The implementation uses D3's scaleThreshold for binning, scaleLinear for axes, and the join method for incremental updates.

Sskasliwal@wpi.edu
90% match
Loading thumbnail…

Pima Indians Diabetes Dataset (Scatter Plot Improved_2)

This interactive visualization explores the Pima Indians Diabetes dataset by combining a scatter plot of BMI against Glucose levels with a bar chart of average glucose by diabetes outcome. Users can brush to select regions of the scatter plot, which filters the bar chart to show aggregated data from only the brushed points. Scatter points are colored by age bins using `scaleThreshold` and shaped by outcome using `scaleOrdinal` with `symbolCircle` and `symbolCross`. The chart uses d3.brush for selection, d3.csvParse for data loading, and d3.axisBottom and d3.axisLeft for axes.

Sskasliwal@wpi.edu
89% match
Loading thumbnail…

Fork of Pima Indians Diabetes Dataset (Scatter Plot Improved_2)

This interactive scatter plot visualizes the Pima Indians Diabetes Dataset, displaying BMI against Glucose levels for 768 patients. Points are color-coded by age bins and shaped by diabetic outcome, with a brushed region highlighting selected patients and a detail panel showing full patient records on click. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleThreshold`, `scaleOrdinal`, `brushX`, and `symbol` generators. The second panel displays faceted bar charts showing average glucose by age bin and outcome, with the data loaded from a CSV file.

Sskasliwal@wpi.edu
89% match
Loading thumbnail…

Fork of Pima Indians Diabetes Dataset (Scatter Plot Improved_3)

This scatter plot visualizes the Pima Indians Diabetes dataset, showing BMI and Glucose values for patients, with point color encoding patient age and shape distinguishing diabetic (crosses) from non-diabetic (circles) outcomes. The visualization is faceted by age bin, displaying average Glucose values by outcome for each age group in a bar chart. Users can click scatter plot points to view detailed patient information in a third panel, with all charts sharing consistent color and shape legends. The implementation uses D3.js version 7.6.1, employing `scaleThreshold` for age binning, `scaleOrdinal` for categorical shapes, `scaleBand` for the bar chart, and the `brush` API for interactive selection.

Sskasliwal@wpi.edu
88% match