Skip to main content
100%

How does the combination of smoking status and cholesterol levels influence the prevalence of cardiovascular disease (CVD)?

✓ Published1🌍 Public
BBashir Gulistani
Last edited Nov 20, 2024
Created on Nov 14, 2024

This interactive stacked bar chart explores how smoking status and total cholesterol levels relate to cardiovascular disease prevalence. The visualization uses d3.flatRollup and d3.stack to aggregate and structure the data, with d3.scaleLinear and d3.scaleBand handling the axes. Hovering over the color legend, implemented through a d3 colorLegend module, highlights the corresponding CVD category across the bars while fading others. The dataset originates from patient records, with smoking and CVD status encoded as categorical values and cholesterol plotted along the x-axis.

AI-generated description

Stacked bars showing estimated religion breakdown of the most populous 20 countries in 2010. Based on an example from the tutorial Splitting Charts. Interactions:

  • Hover over the legend to highlight religions.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smoking Status vs Age

This bar chart shows the relationship between age and smoking status (0 for non-smoker, 1 for smoker) across individuals in the CDC dataset, with bars colored by gender. The visualization uses a linear x-scale for age and a band scale for smoking status, rendering SVG rectangles via React components. It employs D3 v5 scales (scaleLinear, scaleBand, scaleOrdinal) and custom axis components (AxisBottom, AxisLeft) alongside a color legend, with data loaded through d3.csv.

RRidhima Saxena
71% match
Loading thumbnail…

Avg Cholesterol by Age

A bar chart with an overlaid line shows average total cholesterol levels across six age groups from 60 to 90 years, revealing a slight upward trend with age. The visualization groups patients into five-year intervals and calculates the mean cholesterol per group, with points colored on a gradient from gold to orange. It uses d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.line to connect the averages, rendering as SVG. The chart draws on patient data from a CSV file, with axes labeled for age group and cholesterol level in mg/dL.

BBashir Gulistani
68% match
Loading thumbnail…

Cardiovascular Disease Decision Tree Visualization

This decision tree visualization shows how a cardiovascular disease model classifies patients based on their cholesterol type. The tree branches from a root node into "Yes" and "No" splits, leading to leaf nodes colored green for "Normal" and blue for "Heart Disease," with each node displaying sample counts and percentages. The visualization uses D3.js v6 with an SVG rendering, employing `d3.tree()` layout, `d3.hierarchy()` for data structuring, and `d3.linkHorizontal()` for the curved connecting paths. Circles and text labels represent nodes, with leaves colored according to their classification type.

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

3-D chart

This 3-D chart visualizes the number of smokers among the average population affected by COVID-19 across six continents. It uses Highcharts with the Highcharts 3-D add-on to render stacked column series for female and male smokers. The chart applies 3-D perspective settings for depth, alpha, and beta angles, with categorical data on the x-axis, numeric counts on the y-axis, and a z-axis labeled "Continents." Data is embedded directly in the JavaScript code as series arrays.

Aabdul.khader2899@gmail.com
66% match
Loading thumbnail…

Area Plot displaying Stroke Prediction based on age

This area plot shows stroke prediction risk by age, with color encoding for gender (Female, Male, Other) and point size reflecting BMI. The visualization reveals that women are more prone to stroke than men, and that smoking status (smokes, formerly smoked, never smoked, or unknown) is linked to higher stroke incidence. Built with the Vega-Lite API and D3.js, it renders an SVG chart that reads data from a CSV file hosted on GitHub gist. The chart uses tooltips to display patient smoking status and customizes axis styling through a configuration object.

Aaishwarya8615
65% 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
65% match
Loading thumbnail…

Fork of Data set on Heart attack possibility

This visualization plots the relationship between cholesterol and resting blood pressure, with each point representing a patient from the Heart Disease UCI dataset. The size of each point encodes the patient's age, while color distinguishes gender (blue for male, red for female). The visualization uses the Vega-Lite API via the `vl` library, with data loaded from a CSV file. This view allows exploration of how these cardiovascular risk factors correlate with the likelihood of heart attack, as indicated in the tooltip showing the target attribute.

Kkshethia12
65% match