ICE-6 Scatter Plot

100%

ICE-6 Scatter Plot

✓ Published1🌍 Public

Last edited Mar 29, 2023

Created on Mar 22, 2023

This scatter plot visualizes heart stroke prediction data, showing the relationship between average glucose level (x-axis) and age (y-axis). Each circle represents a data point, with color encoding smoking status: blue for formerly smoked, yellow for never smoked, green for smokers, and red for unknown. The visualization uses D3 v6 APIs including `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes. The data is loaded from a GitHub gist CSV file using `d3.csv`, and the SVG is rendered to fill the full browser window with a custom legend implied by the color mapping.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot

This D3.js scatter plot visualizes an insurance dataset, mapping BMI to charges for individual patients. Points are colored red for smokers and green for non-smokers, using a custom `scaleLinear` mapping for the axes. The visualization employs `csv` for data loading, `select` and `join` for SVG circle rendering, and `axisLeft`/`axisBottom` for labeled axes, with all text styled in cursive. The plot includes age and children values as `rx` and `ry` attributes on the circles, though these do not affect the visual output.

Ggayuvurukuti@gmail.com

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

81% match

Loading thumbnail…

ICE7- Reusable scatter plot

This animated scatter plot visualizes an insurance dataset, plotting age on the x-axis against BMI, charges, or children, which cycle every two seconds. Built with D3.js, the SVG chart uses distinct symbols and colors to differentiate smokers from non-smokers, with axes labeled dynamically as the y-axis metric changes.

Kkotlavamsireddy@gmail.com

79% match

Loading thumbnail…

Area Plot displaying Stroke Prediction based on age

This area plot shows stroke prediction risk by age, with color encoding for gender (Female, Male, Other) and point size reflecting BMI. The visualization reveals that women are more prone to stroke than men, and that smoking status (smokes, formerly smoked, never smoked, or unknown) is linked to higher stroke incidence. Built with the Vega-Lite API and D3.js, it renders an SVG chart that reads data from a CSV file hosted on GitHub gist. The chart uses tooltips to display patient smoking status and customizes axis styling through a configuration object.

Aaishwarya8615

79% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the relationship between age and BMI using an insurance dataset, with each point colored by species. The visualization uses D3 v6 with SVG rendering, loading data from a GitHub gist via `d3.csv` and parsing numeric values. Axes are generated with `axisLeft` and `axisBottom`, while `scaleLinear` maps data domains to pixel ranges. Circle marks are drawn using `selectAll` and `join`, with axis labels styled via SVG text elements in a React-friendly HTML page.

SSrujana390

78% match

Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes heart disease data from the UCI Machine Learning Repository, allowing users to explore correlations between numeric attributes like age, cholesterol, and blood pressure. Dropdown menus let viewers select which columns map to the X and Y axes. The visualization is built using D3 v5, with `scaleLinear` for scaling axes, `axisLeft` and `axisBottom` for gridlines, and animated circle transitions via `transition().duration(2000)` with staggered delays. SVG rendering displays semi-transparent red circles, while axis labels and tick marks are styled through CSS.

AAshtone Onyango

77% match

Loading thumbnail…

Fork of ICE-6 Scatter Plot

This fork of an ICE-6 scatter plot visualizes Commonwealth Games data, mapping sleep time on the x-axis and BMI on the y-axis. Points are colored red for smokers and black for non-smokers based on the Smoking attribute. Built with D3 v6 and React, the SVG chart uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes, with data loaded via `d3.csv` from a remote gist.

TTekmal-Bhavana

77% match

Loading thumbnail…

Scatter Plot - Insurance Charges by Age

This scatter plot visualizes insurance charges for individuals based on age, with each circle’s color indicating smoking status—red for smokers and black for non-smokers. The chart, rendered as SVG using D3 v6, loads data from a CSV file via `d3.csv`, applies linear scales via `d3.scaleLinear`, and uses `d3.axisLeft` and `d3.axisBottom` for axes. The code joins circles to data with `selectAll().data().join()` and sets fill opacity to 0.35.

RRaul Gamez

76% match