Fork of Chest pain type vs count Bar Chart

100%

Fork of Chest pain type vs count Bar Chart

✓ Published0🌍 Public

Last edited Mar 19, 2024

Created on Mar 18, 2024

Forked from 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.

AI-generated description

A Bar graph with D3 heart-failure-prediction

MIT Licensed

Similar vizzes

Loading thumbnail…

Chest pain type vs count Bar Chart

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.

SSree Likhith

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

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

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

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

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

72% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of gender categories from the Heart2020Cleaned dataset, with each slice proportionally representing the count of occurrences per category. The visualization uses D3 v7’s `d3.rollup`, `d3.pie`, and `d3.arc` to compute and render the slices, while a categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) distinguishes each group. A legend with colored rectangles and text labels displays each category name alongside its count, rendered as SVG within a Bootstrap-styled HTML page.

Cchandanagandla

71% match

Loading thumbnail…

Fork of Gender Distribution Chart

This chart compares the distribution of male and female cases across Chinese provinces using stacked bar charts, with radio buttons to toggle between raw counts and percentage of total illness. The visualization uses D3.js v3, including d3.layout.stack for stacking, d3.svg.axis for axes, and D3 transitions to animate the re-scaling of bars when switching modes. Data is loaded from a CSV file, and the color scale uses d3.scale.category20 to distinguish between genders. The chart includes an interactive legend and hover effects on the SVG rectangles.

NNarayana Reddy

71% match