Skip to main content
SimilarExport ZIP
100%

3D Scatter Plot with Diabeties Dataset

✓ Published0🌍 Public
PPriyaEnuganti
Last edited Jul 7, 2022
Created on Jul 6, 2022
Forked from Face by priya

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

3D Scatter Plot - project 16

This 3D scatter plot visualizes a diabetes dataset, plotting glucose, BMI, and insulin values on the x, y, and z axes respectively. The marker colors distinguish between the two outcome classes, with a custom colorscale mapping outcome values to distinct hues. Data is loaded via `d3.csv` from a GitHub gist, and the plot is rendered using the Plotly.js library within a designated div. The scene includes customized axis titles and background colors, with black-outlined markers sized at 12 pixels for clear point identification.

Ggayuvurukuti@gmail.com
88% 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
87% 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
86% 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
86% match
Loading thumbnail…

Diabetic Scatter Plot with axis

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.

Rrpkupfer@wpi.edu
86% 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
84% 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
84% match
Loading thumbnail…

Diabetes 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.

Sskasliwal@wpi.edu
82% match