Fork of BONUS ICE 1: 3D Scatter Plot

100%

Fork of BONUS ICE 1: 3D Scatter Plot

✓ Published0🌍 Public

Last edited Mar 31, 2023

Created on Mar 31, 2023

This 3D scatter plot visualizes the relationship between Glucose, Blood Pressure, and Diabetes Pedigree Function from a diabetes dataset. Red circular markers with black outlines and 80% opacity represent individual data points. The visualization uses Plotly’s `scatter3d` trace type within a `Plotly.newPlot` call, with data loaded via D3’s `d3.csv` parser from a GitHub gist. Axes are labeled with custom font styling, and the plot includes a minimal margin layout for a clean presentation.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE6 scatter plot

This scatter plot visualizes the relationship between glucose levels and the Diabetes Pedigree Function, with each point colored red or blue to indicate the outcome of diabetes diagnosis. The axes are scaled linearly using `d3.scaleLinear`, and tick labels are rendered at 24 pixels. The visualization is built with D3 v6 and React, loading CSV data from a GitHub gist, and uses `d3.axisLeft` and `d3.axisBottom` for the axes. Circles are positioned by glucose and pedigree function values, while age and blood pressure are encoded as `rx` and `ry` attributes, though they do not affect the visual output.

RRinoj-Gautam

83% match

Loading thumbnail…

Fork of Making Scatter Plot ICE6

This visualization displays a scatter plot of the Pima Indian Diabetes dataset, plotting Glucose levels on the x-axis against DiabetesPedigreeFunction on the y-axis. Each circle is colored by the Outcome variable using d3.scaleOrdinal with two distinct colors, and size is fixed at a radius of 7. The React component uses d3.scaleLinear for both axes, with SVG rendering via React elements. The code leverages d3.csv for data loading, custom AxisBottom and AxisLeft components for tick marks, and tooltips generated through SVG title elements within the Marks component.

RRinoj-Gautam

83% 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

80% match

Loading thumbnail…

Fork of Diabetes Data

This dashboard visualizes diabetes risk factors from patient data using a linked scatter plot and bar chart. The scatter plot positions patients by BMI and glucose levels, colored by age and shaped by outcome, while the bar chart shows average glucose by diabetic status. Clicking a point highlights that patient and displays their full record below. Built with React and D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `scaleBand`, `symbol`, and `axisBottom` to render the interactive charts.

Sskasliwal@wpi.edu

79% 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

79% match

Loading thumbnail…

Fork of ICE-7 : Reusable Scatter Plot

This example visualizes diabetes-related health metrics in a responsive scatter plot, mapping pregnancies on the x-axis, glucose levels on the y-axis, and varying symbol shapes based on skin thickness. It uses d3.scaleLinear, d3.scaleOrdinal, d3.axisLeft, d3.axisBottom, d3.symbols, and d3.symbol to generate SVG marks. The reusable chart function supports custom accessors, margins, and symbol size, drawing data from a CSV of diabetes records. The plot fills the browser window with hidden scrollbars and large axis tick text.

MM Hema

78% match

Loading thumbnail…

Fork of BONUS 1: 3D Scatter Plot

A 3D scatter plot visualizes the relationship between Height, Weight, and Body Fat from a CSV dataset. The plot uses Plotly’s `scatter3d` trace with pink circular markers, and each axis is labeled with the corresponding variable. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and the `unpack` function extracts each column into arrays for the x, y, and z coordinates. The layout defines axis titles and font styles, and `Plotly.newPlot` renders the interactive chart inside an HTML div.

KKeerthipriyaBankuru

78% match

Loading thumbnail…

Fork of Fork of Hello VizHub

A scatter plot visualizes diabetes patient data, showing Blood Pressure against Glucose Level, with each point colored skyblue for non-diabetic outcomes and lightgreen for diabetic outcomes. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load and parse the diabetes dataset from a GitHub URL, then render circles in an SVG. Circle radii are fixed, while additional data attributes for SkinThickness and Insulin are stored but not visually encoded. Axis labels and a title are added directly via SVG text elements.

LLakshmiPrasannaValdas@my.unt.edu

78% match