Chest pain type vs count Bar Chart

100%

Chest pain type vs count Bar Chart

✓ Published3🌍 Public

Last edited Feb 13, 2024

Created on Feb 6, 2024

This grouped bar chart visualizes the count of patients by chest pain type and sex, distinguishing between males (steelblue) and females (pink) with a legend. It uses D3.js APIs including `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the axes, and interactive tooltips on mouseover. The data comes from the heart-failure-prediction Kaggle dataset, while custom axis labels and an inner rectangle background enhance readability. The visualization is rendered as an animated SVG.

AI-generated description

A Bar graph with D3 heart-failure-prediction

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Chest pain type vs count Bar Chart

This grouped bar chart visualizes the distribution of chest pain types by gender, using data from the Heart Failure Prediction dataset. The visualization employs D3 v7 with React, encoding chest pain type on the x-axis and count on the y-axis, with gender represented through grouped bars colored steelblue for male and pink for female. The chart includes a light gray inner plot area, axis labels, a legend, and interactive tooltips that highlight bars orange with a yellow stroke on hover. Animated transitions enhance the user experience, while the legend and labeled axes make the comparison of gender distribution across different chest pain categories clear and accessible.

NNanditha Reddy

92% match

Loading thumbnail…

Data Visualization - ICE-6 - Bar Chart

This visualization displays a horizontal bar chart comparing types of chest pain against age counts from a heart attack dataset. The chart uses React to manage state and render SVG elements, while d3-scale functions (scaleBand and scaleLinear) map categorical pain types to y-axis bands and age values to x-axis positions. The data is loaded via d3.csv from a GitHub gist, filtered to the first 12 records, and mapped with a switch statement to rename chest pain codes into descriptive labels. The visualization highlights the distribution of different chest pain types across age groups.

Rrajasrilekkala

80% match

Loading thumbnail…

Heart disease data

This bar chart displays the average OldPeak level for males and females, using a purple horizontal bar for each gender. The data comes from a CSV file containing heart disease patient records. The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to build the SVG chart. Custom axis labels and a title are added, with the y-axis showing gender categories and the x-axis representing the OldPeak measurement.

AAishwarya Manjunath

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

73% match

Loading thumbnail…

Fork of Pie Chart

This visualization shows the distribution of gender categories in a heart disease dataset using a pie chart. It displays two slices representing male and female counts, with a legend showing each category and its frequency. The chart is rendered as an SVG using D3 v7, with d3.rollup to aggregate counts, d3.arc for slice geometry, and d3.pie for layout. A d3.scaleOrdinal with d3.schemeCategory10 assigns colors, while Bootstrap provides page styling. Data is loaded from a CSV file via d3.csv.

SsreepavanKothapalli

71% match

Loading thumbnail…

Breast Cancer Data Bar Chart

This bar chart visualizes breast cancer data, comparing two numeric attributes—perimeter_mean on the x-axis and radius_mean on the y-axis—across individual records. The chart uses D3 v7 to fetch a CSV dataset from a GitHub repository, then renders horizontal bars via SVG rectangles. Scales are created with d3.scaleBand for the categorical x-axis and d3.scaleLinear for the y-axis, while d3.axisBottom and d3.axisLeft generate the corresponding tick marks and labels. The code includes React components for reusable axes and marks, though the primary implementation in index.html directly manipulates the SVG.

HHemanthh81

71% match

Loading thumbnail…

bar chart

This bar chart displays the distribution of males and females across six age groups, ranging from 20 to 50 years, using a pie chart layout. Built with D3.js v7, it fetches CSV data from a GitHub gist, processes the counts by age group and gender, and renders the visualization as SVG. The chart includes a legend showing total counts per age group and uses an interactive tooltip that appears on mouseover to reveal the specific male and female counts for each slice.

RRakesh Kumar Chekuri

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

70% match