Skip to main content
100%

Diabetes Scatter Plot

✓ Published0🌍 Public
Aalex-rind
Last edited Oct 11, 2019
Created on Oct 9, 2019

This scatter plot visualizes the relationship between HbA1c levels and BMI in a diabetes dataset, with each dot representing a patient. The code uses D3 v5 to load CSV data and render SVG circles positioned by linear scales. Axis labels and tick marks are generated with d3.axisBottom and d3.axisLeft, while CSS classes style the dots with semi-transparent outlines.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Diabetes Scatter Plot w/ Label

This scatter plot visualizes the relationship between HbA1c and BMI for individuals with diabetes, with each point labeled by patient name. The data loads from a remote CSV file and uses d3.scaleLinear to map values to a 400x400 plotting area, with axes and labels added via d3.axisBottom and d3.axisLeft. Circles are styled with translucent strokes, while text labels are positioned to the left of each point. The code explicitly coerces CSV string values to numbers using the unary plus operator before computing the domain maxima with d3.max.

Aalex-rind
95% match
Loading thumbnail…

Diabetes Scatter Plot

This scatter plot visualizes the relationship between HbA1c levels and BMI across countries, with each circle representing a country. The x-axis displays HbA1c values while the y-axis shows BMI, and hovering over a circle highlights it and reveals the country name via a tooltip. The visualization uses D3 v5 to render SVG circles, with axes labeled "employed/pop." and "unempl./pop." The code includes commented-out logic for coloring circles by sex, but currently renders all points with a consistent blue outline. Data is loaded from a remote JSON file.

Aalex-rind
91% 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
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
85% match
Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between Glucose and BMI in a diabetes dataset, with each point colored by the binary Outcome variable. The visualization uses D3 v6 to load CSV data from a GitHub repository and render it as an SVG. It employs `d3.scaleLinear` for the x and y axes, `d3.scaleOrdinal` with `schemeCategory10` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for labeled axes.

Bbhargavr016@gmail.com
84% match
Loading thumbnail…

scatter plot of diabetes patients with healthy area

A scatter plot shows glucose levels on the x-axis and BMI on the y-axis for seven diabetes patients, with a semi-transparent rectangular region highlighting the healthy glucose range (60–120) and healthy BMI range (18.5–25). The visualization uses a Vega-Lite layered specification: a rect mark defines the healthy area with fixed datum values, while circle marks encode patient data from inline JSON. The code sets a fixed width of 500 pixels and applies a 0.1 fill opacity to the background rectangle, leaving the points fully visible for comparison against the highlighted zone.

Aalex-rind
83% match
Loading thumbnail…

D3 Scatter Plot

This animated SVG scatter plot explores the Diabetes dataset, cycling through different x-axis variables (BMI, Glucose, Blood Pressure, Skin Thickness) every two seconds while displaying Glucose on the y-axis. Built with D3 v6, the reusable chart component uses `scaleLinear`, `extent`, and axis functions to render points. The code imports the dataset from a remote CSV URL, and the `setInterval` function drives the rotating axis animation.

AArun
83% match
Loading thumbnail…

Reusable D3 Scatter Plot

This reusable scatter plot displays the diabetes dataset, mapping glucose, BMI, age, and blood pressure attributes to axes. The visualization cycles through different x-axis metrics every two seconds using `setInterval`, while keeping BMI fixed on the y-axis. Built with d3.v6, the chart uses `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, with `selection.join` to bind circles to data points. The D3 module pattern via `scatterPlot()` enables configurable width, height, margins, and radius, rendering as animated SVG with steelblue circles on a light gray background.

Vvedasrivarma13@gmail.com
83% match