Fork of Making Scatter Plot ICE6

100%

Fork of Making Scatter Plot ICE6

✓ Published0🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

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.

AI-generated description

A scatter plot of The Iris Dataset

MIT Licensed

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

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

86% match

Loading thumbnail…

Fork of BONUS ICE 1: 3D Scatter Plot

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.

RRinoj-Gautam

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

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

82% match

Loading thumbnail…

Fork of ICE-7 : Reusable Scatter Plot

This scatter plot visualizes the relationship between the number of pregnancies and glucose levels in a diabetes dataset, with skin thickness encoded through symbol size. Built with D3.js, it renders an SVG that fills the browser window, using the `scatterPlot` reusable component to map data values to positions and sizes. The plot applies margins and tooltips, displaying tick labels at 24 pixels, and pulls data from a remote CSV file fetched asynchronously with `d3.csv`.

MM Hema

81% match

Loading thumbnail…

Scatter plot

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

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

80% match