Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Hello VizHub

✓ Published1🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 16, 2024
Created on Apr 16, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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
86% 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
83% match
Loading thumbnail…

Fork of Activity 6_question 3

This scatter plot visualizes the Diabetes DataSet from a GitHub-hosted CSV, mapping blood pressure on the x-axis and skin thickness on the y-axis. Each point represents a patient, with color indicating the outcome (black for negative, orange for positive) and point size simultaneously encoding the number of pregnancies and glucose level. The visualization is rendered using D3 v6, employing `d3.csv`, `d3.select`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to load, scale, and plot the data as SVG circles with labeled axes.

Aanusha.chilkamarri26@gmail.com
83% match
Loading thumbnail…

Act 6.3

This scatter plot visualizes the relationship between Glucose and Insulin levels in a diabetes dataset, with red and green circles distinguishing diabetic and non-diabetic outcomes. It loads CSV data from a GitHub repository using d3.csv, then renders the plot as SVG with d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.extent. The chart fills the browser window and includes labeled axes for Glucose and Insulin.

VVenkataSatyaRamKamini@my.unt.edu
83% match
Loading thumbnail…

Fork of Activity6_Task2

This scatter plot visualizes the Diabetes DataSet, mapping Blood Pressure on the x-axis against Skin Thickness on the y-axis, with black and orange points distinguishing negative and positive outcomes. Each circle's size encodes the number of pregnancies, while its transparency reflects Glucose levels. Built with D3 v6, it uses `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render an SVG, loading data from the provided GitHub URL. A legend identifies the outcome colors, and axis labels clarify the variables.

Aanusha.chilkamarri26@gmail.com
83% match
Loading thumbnail…

Fork of Diabetes Data

A fork of the Pima Indians Diabetes dataset plots BMI against blood glucose levels as a scatterplot, coloring each point red for a positive diabetes outcome and green for a negative one. The visualization loads `data.csv` with `d3.csvParse`, converts all columns to numbers, and renders the chart as SVG using D3 v7 scales, axes, and data joins. The code uses `d3.scaleLinear` for both axes and `d3.extent` to set the domains, producing a static scatterplot without interaction.

Sskasliwal@wpi.edu
83% match
Loading thumbnail…

Fork of Hello VizHub

This example shows an area chart of time-series data from a diabetes CSV file, with a steelblue fill and labeled axes for date and value. It loads D3 via UNPKG and uses the `d3.csv` method to fetch the data, `d3.scaleTime` and `d3.scaleLinear` for scaling, `d3.area` for the area shape, and `d3.axisBottom` and `d3.axisLeft` for axes. The visualization also demonstrates ES6 module imports, including a local `message` module that sets text in the page, while the chart is rendered as SVG inside a dedicated `#chart` div.

LLakshmiPrasannaValdas@my.unt.edu
82% 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
82% match