Assignment 4

100%

✓ Published2🌍 Public

Last edited Sep 14, 2025

Created on Sep 14, 2025

A scatterplot displays the relationship between patient age and cholesterol levels from a heart disease dataset. Each circle represents one patient, positioned by age on the x-axis and cholesterol on the y-axis. The visualization is built with React and D3 v7, using `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and circles. Data loads from a CSV file with numeric fields formatted before the chart renders.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 5 - Prototype 2

This scatter plot visualizes the relationship between patient age and cholesterol levels, with points colored by sex to reveal potential patterns in heart disease data. The visualization is built using React and D3.js, employing `d3.csv` for data loading and `d3.scaleLinear` for the x and y axes. The chart includes a legend for male and female data points, with axis labels and a title generated through the custom `viz` function.

AAbhi Yammanuru

90% match

Loading thumbnail…

Assignment 3

This visualization displays the relationship between age and cholesterol levels in a heart attack prediction dataset from Kaggle. Each circle represents a patient, positioned by age on the x-axis and cholesterol on the y-axis. Built with React and D3 v7, the visualization loads CSV data and uses `d3.scaleLinear` for axis scaling. Circles are rendered using the D3 `selectAll().join()` method to bind data points to SVG circle elements, creating a scatter plot where all points share the same size and color.

AAbhi Yammanuru

88% match

Loading thumbnail…

Reusable Scatter plot aSSIGNMENT

This interactive scatter plot visualizes healthcare data, plotting patient age against cholesterol levels with gender-based color coding (blue for male, pink for female). The visualization includes labeled axes, a title, and a legend, with a periodic redraw every five seconds. Built with D3.js, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a reusable `scatterPlot` function, rendering SVG elements. Data is loaded asynchronously via `csv` from a GitHub-hosted healthcare dataset, demonstrating a modular approach to creating configurable chart components.

Vvineelaramulapalli32

82% match

Loading thumbnail…

Project Momentum Color

This scatterplot visualizes the relationship between age and cholesterol levels across patients, with colors indicating gender: dark blue for males and pink for females. Using d3.scaleLinear, d3.extent, and SVG circles, the chart maps heart disease data points and includes an interactive legend. Hovering over the legend triggers a filter that dims the non-selected gender group, implemented through React state management and d3 event handlers. The visualization is rendered in a React application using D3 v7.

AAbhi Yammanuru

80% match

Loading thumbnail…

Fork of Project Momentum Color

This interactive scatter plot explores the relationship between patient age and a selectable health metric (cholesterol, resting blood pressure, max heart rate, oldpeak, or age) from a heart disease dataset. A dropdown menu controls the Y-axis variable. The visualization uses D3.js (v7) within a React framework to render an SVG, featuring a legend that allows users to hover and filter data points by gender, highlighting male and female patients in dark blue and pink, respectively. The chart updates dynamically with selections.

AAbhi Yammanuru

78% match

Loading thumbnail…

Task3

This scatter plot visualizes a heart disease dataset, showing the relationship between resting blood pressure and serum cholesterol. Each circle represents a patient, with its color indicating chest pain type: sky blue for typical angina, light green for atypical angina, orange for non-anginal pain, and red for asymptomatic cases. The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` to map axes, and renders SVG circles with the `join` pattern. Axis labels are added as SVG text elements, with the chart sized to the full `window.innerWidth` and `window.innerHeight`.

Sshanmukhivasa@my.unt.edu

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…

Final Project

This scatter plot displays insurance charges against patient age, with points colored by a user-selected attribute such as smoker status, sex, region, BMI category, or number of children. A legend updates dynamically, and linear regression lines are calculated for each color group to reveal trends. Built with React and D3.js (d3.v7), the visualization uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to render the chart from the `data.csv` file.

Jjojongo15342@gmail.com

77% match