Skip to main content
SimilarExport ZIP
100%

Task3

✓ Published1🌍 Public
Sshanmukhivasa@my.unt.edu
Last edited Apr 16, 2024
Created on Apr 15, 2024
Forked from Task3

This scatter plot visualizes the relationship between resting blood pressure and serum cholesterol in a heart disease dataset, with each circle colored by chest pain type (skyblue for typical angina, lightgreen for atypical angina, orange for non-anginal pain, and red for asymptomatic). Created with D3 v6, the visualization renders as an SVG in the browser, loading CSV data from a GitHub gist. It uses `d3.scaleLinear` for both axes, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for rendering circles and labels, with a data-driven fill color function mapping categorical values.

AI-generated description

Scatter plot genarted for Heart diseases dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Task3 with shape

A scatter plot visualizes heart disease data by mapping resting blood pressure on the x-axis and serum cholesterol on the y-axis. Each dot represents a patient, colored by chest pain type (blue, green, red, purple) with a hover tooltip showing age, sex, and pain category. The chart uses d3.csv to load the heart_disease.csv dataset and d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft to render the SVG visualization.

Sshanmukhivasa@my.unt.edu
87% match
Loading thumbnail…

heart data parallel coordinate plot

This visualization presents a parallel coordinate plot of heart patient data, showing relationships between RestingBP, Cholesterol, and MaxHR. Each line represents a patient, colored by chest pain type (ATA, NAP, ASY, TA) using a d3.scaleOrdinal color scale. Users can hover over lines to highlight a specific chest pain category, and drag the axes to reorder dimensions. The implementation uses d3.csv for data loading, SVG paths for rendering lines, d3.axisLeft for axes, and d3.drag to enable interactive axis repositioning.

AAishwarya Manjunath
80% match
Loading thumbnail…

Data set on Heart attack possibility

This visualization plots serum cholesterol against resting blood pressure, with each point representing a patient from the Heart Disease UCI dataset. Circle size encodes age, while color distinguishes gender, and tooltips reveal heart attack risk classification. Built with Vega-Lite and D3.js, the scatterplot uses quantitative scales for both axes and nominal color encoding for sex, drawing data from a CSV fetched via d3.csv.

AAbdul Salam Almadani
80% match
Loading thumbnail…

Data analisis heart disease

The visualization is a scatter plot examining heart disease risk factors, plotting serum cholesterol against resting blood pressure, with point size encoding age and color distinguishing gender. The chart uses the Vega-Lite API to render the dataset from the UCI Heart Disease repository, sourced via a Kaggle-hosted CSV file. The tooltip displays the heart attack possibility target value. The code relies on vega-lite-api's `markCircle` and `.encode` methods, with data loading handled by `d3.csv`. The plot uses a dark-themed custom config for axis styling and readability.

Llimeroc
79% match
Loading thumbnail…

task9 question2

This visualization displays a heart disease dataset as an area chart, plotting age against resting blood pressure across the patient records. The chart uses D3 v7's `d3.area()` generator with linear scales for both axes, rendering an SVG path with a semi-transparent steelblue fill. The code loads data from a CSV file via `d3.csv()`, sorts records by age, and includes labeled x- and y-axes formatted with `d3.axisBottom()` and `d3.axisLeft()`.

Rravularasesh3102@gmail.com
79% match
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
79% match
Loading thumbnail…

Activity 6_Task 3 Question

This scatter plot visualizes employee health data by plotting cholesterol level against body mass index, with each point colored and shaped to distinguish between healthy and unhealthy health statuses. The visualization uses D3.js v7 with SVG rendering, where the x-axis represents cholesterol levels and the y-axis represents BMI. The code employs d3.scaleLinear for axis scaling, d3.symbol with different symbol types for the two health categories, and d3.axisBottom/axisLeft for the axes. A custom tooltip displays additional attributes like age and blood pressure on hover, with data loaded from a remote CSV file. The legend identifies the healthy and unhealthy categories using distinct colors and shapes.

SSrihith Reddy Gaddam
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
78% match