Skip to main content
SimilarExport ZIP
100%

Fork of Task3 with shape

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

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.

AI-generated description

Scatter plot generated for Heart diseases dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Sshanmukhivasa@my.unt.edu
87% 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
81% match
Loading thumbnail…

Fork of Fork of Bar graph-task1

This visualization presents a bar chart of heart disease data, with bars depicting physical health scores for various categories. The chart uses a red grid and axis ticks, and the data is loaded from a CSV file using d3.csv. Built with React, the App component renders an SVG using d3.scaleBand and d3.scaleLinear to map data to positions. Additionally, the code includes a 3D scatter plot created with Plotly, plotting heart disease against smoking and diabetic status, though this chart is not displayed in the main view.

Cchandanagandla
80% 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
79% match
Loading thumbnail…

Fork of Heart Disease Scatter Plot

This fork of a Heart Disease scatter plot shows the relationship between a patient’s BMI and the presence of heart disease, with the X-axis representing BMI and the Y-axis indicating heart disease status. The visualization uses D3 v6 to load CSV data from a GitHub gist, parse values with `d3.csv`, and map them to SVG circles via `d3.scaleLinear`. Axes are drawn with `axisLeft` and `axisBottom`, and the plot is rendered as an SVG canvas. The data originates from the Heart Disease UCI Kaggle dataset.

Ssahajm99@gmail.com
79% match
Loading thumbnail…

Fork of Scatter Plot with Shape

This visualization is a scatter plot showing the relationship between patient age and heart rate, with data points shaped by gender. It uses D3 v7 to render symbols from the `symbolsFill` set, mapped via `scaleOrdinal`, and includes a custom legend for the shape encoding. The plot leverages `scaleLinear` for both axes and fetches healthcare data from a remote CSV. Key APIs include `d3.csvParse`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and the `d3.symbol` generator for drawing point shapes.

Aaniteshterala2000
79% 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
79% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes cardiovascular health data from a heart disease CSV, plotting each patient’s weight against their age as horizontal bars. The visualization uses D3 v5 with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, rendering SVG rectangles. Data is loaded via `d3.csv` from the `heart_disease_data.csv` file, with each bar’s width proportional to weight and height set by band width. The example is a fork of an original cars scatter plot, adapted to this medical dataset.

AAshtone Onyango
77% match