Skip to main content
SimilarExport ZIP
100%

Diabetic Scatter Plot with axis

✓ Published0🌍 Public
Rrpkupfer@wpi.edu
Last edited Sep 14, 2025
Created on Sep 14, 2025

This scatter plot visualizes the relationship between glucose and insulin levels in blood, with each point colored green or red to indicate whether a patient was diagnosed with diabetes. The data originates from the National Institute of Diabetes and Digestive and Kidney Diseases, focusing on female patients of Pima Indian heritage. The visualization uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, plus custom axis labels, all rendered through React and the d3 `select` API.

AI-generated description

This dataset is originally from the National Institute of Diabetes and Digestive and Kidney Diseases. The objective of the dataset is to diagnostically predict whether a patient has diabetes, based on certain diagnostic measurements included in the dataset. Several constraints were placed on the selection of these instances from a larger database. In particular, all patients here are females at least 21 years old of Pima Indian heritage.2 From the data set in the (.csv) File We can find several variables, some of them are independent (several medical predictor variables) and only one target dependent variable (Outcome).

Information about dataset attributes -

Pregnancies: To express the Number of pregnancies

Glucose: To express the Glucose level in blood

BloodPressure: To express the Blood pressure measurement

SkinThickness: To express the thickness of the skin

Insulin: To express the Insulin level in blood

BMI: To express the Body mass index

DiabetesPedigreeFunction: To express the Diabetes percentage

Age: To express the age

Outcome: To express the final result 1 is Yes and 0 is No

https://www.kaggle.com/datasets/akshaydattatraykhare/diabetes-dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot

A scatter plot visualizes the relationship between Glucose and Insulin levels in the Pima Indians Diabetes dataset. The plot uses orange, semi-transparent circles to represent individual data points, with hover effects highlighting each point in red. The visualization is rendered as an SVG using D3 v6, employing `csv` for data loading, `scaleLinear` for axes, and `axisLeft` and `axisBottom` for tick marks. Data originates from Kaggle’s Pima Indians Diabetes Database.

YYaya Liu
86% match
Loading thumbnail…

3D Scatter Plot with Diabeties Dataset

This 3D scatter plot visualizes the Diabetes dataset, showing the relationship between Glucose, BMI, and BloodPressure as marker positions along three axes. The example uses two overlapping scatter3d traces to create a two-layer point effect with a semi-transparent outer layer and a solid inner core. The data is loaded from a CSV file using d3.csv, and the interactive plot is rendered in a styled HTML container via Plotly's newPlot function. Axes are explicitly labeled with their corresponding variable names, and the chart uses a high opacity with a subtle border line for each marker.

PPriyaEnuganti
86% match
Loading thumbnail…

Scatter Plot - Project 16

This scatter plot visualizes a diabetes dataset, mapping glucose levels on the x-axis against BMI on the y-axis, with each point colored by outcome (red for positive, green for negative). It also encodes insulin and blood pressure values into the `rx` and `ry` attributes of the circles, creating elliptical markers. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. Data is loaded asynchronously via `d3.csv` from a GitHub gist URL, with a custom row parser converting numeric fields.

Ggayuvurukuti@gmail.com
84% 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
83% 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
83% match
Loading thumbnail…

Act 6.3

This scatter plot visualizes the relationship between Glucose and Insulin levels in a diabetes dataset, with red and green circles distinguishing diabetic and non-diabetic outcomes. It loads CSV data from a GitHub repository using d3.csv, then renders the plot as SVG with d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.extent. The chart fills the browser window and includes labeled axes for Glucose and Insulin.

VVenkataSatyaRamKamini@my.unt.edu
83% match
Loading thumbnail…

Fork of Basic Scatter Plot with React & D3 with Diabetes Data

A scatter plot visualizes the relationship between Glucose and Insulin levels in a diabetes dataset, with each circle representing a patient. The React app loads the CSV data and passes it to the D3 visualization module. D3's `scaleLinear` and `extent` functions calculate the axis domains, while the `join` operator binds data points to SVG circles, setting their positions, radius, and fill color.

Rrpkupfer@wpi.edu
83% match
Loading thumbnail…

task8_q3

This scatter plot visualizes a diabetes dataset, plotting blood pressure against glucose levels. Each circle is colored skyblue for non-diabetic outcomes and lightgreen for diabetic outcomes, with the circle's horizontal and vertical radii encoding skin thickness and insulin values. The visualization is built with D3 v6, using `csv` to load the data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks. The SVG rendering fills the full window, with axis labels and a title styled in green and blue.

LLakshmiPrasannaValdas@my.unt.edu
82% match