Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published1🌍 Public
YYaya Liu
Last edited Apr 26, 2021
Created on Feb 5, 2021
Forked from Bar chart

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.

AI-generated description

This scatter plot shows the relationship between Glucose and Insulin.

Data is from https://www.kaggle.com/uciml/pima-indians-diabetes-database?select=diabetes.csv

MIT Licensed

Similar vizzes

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…

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
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
80% 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…

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
79% 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
78% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This example presents an animated scatter plot of the Pima Indians diabetes dataset, cycling through different variable pairings every two seconds to reveal correlations. The visualization renders circles for each data point using D3.js version 7, with scales computed from the current x and y value accessors. It employs the reusable `scatterPlot` module pattern, updating axes and circle positions via D3’s data join. The animation cycles through eight columns, including Glucose, BMI, and Age, while the SVG canvas fills the browser window. Axes are drawn using `axisLeft` and `axisBottom`, with styling applied through CSS classes.

AArun
77% 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
77% match