Scatter Plot

100%

Scatter Plot - Project 16

✓ Published0🌍 Public

Last edited Apr 29, 2023

Created on Apr 29, 2023

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.

AI-generated description

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

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

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

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

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

85% match

Loading thumbnail…

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

83% match

Loading thumbnail…

Reusable D3 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping glucose and blood pressure measurements. Built as a reusable D3 chart, it uses `scaleLinear`, `axisLeft`, `axisBottom`, and SVG circles to render points. The chart cycles through various columns—such as Insulin, BMI, and BloodPressure—every two seconds, updating the x-axis and point positions via `setInterval`. Data loads from a CSV URL, and the visualization includes animated transitions between different variable comparisons.

PPriyaEnuganti

82% match

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

82% match