Skip to main content
SimilarExport ZIP
100%

2. scatter plot ICE -6

✓ Published2🌍 Public
AAbhiramPudi@my.unt.edu
Last edited Oct 18, 2025
Created on Oct 18, 2025
Forked from HTML Starter

This scatter plot visualizes the relationship between age and exercise-induced ST depression (oldpeak) from the UCI heart disease dataset, with green and red points distinguishing patients without and with disease. The React app loads CSV data via d3.csv, maps values using d3.scaleLinear, and applies d3.scaleOrdinal for categorical coloring. Axes are rendered with d3.axisLeft and d3.axisBottom, while the SVG rendering includes hover tooltips and a legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot

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.

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

ICE-6 Scatter Plot

This interactive scatter plot compares two variables, with dropdown menus above the chart allowing the user to switch which data columns are plotted on the x- and y-axes. The visualization is built with React and renders as an SVG using D3.js v5, leveraging D3’s selection and axis-generation methods to draw the points and tick marks. The source data is loaded from a local `v3` dataset, and the menus are populated dynamically from its column names.

RRevanthGrreddy
77% 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
76% match
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
76% 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
76% 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
76% match
Loading thumbnail…

ice 7 a

This interactive scatter plot visualizes the relationship between height and weight for individuals, with each dot colored by name and tooltips revealing age and gender on hover. It uses D3.js v7 (d3.scaleOrdinal, d3.axisBottom, d3.axisLeft) to render an SVG chart with a separate legend and animated tooltip transitions, pulling data from a CSV file loaded via d3.csv. The visualization includes labeled axes and a categorical color scheme to distinguish data points.

RRakesh Kumar Chekuri
76% match