Scatterplot of Body Mass Index for Different Health Statuses

100%

Scatterplot of Body Mass Index for Different Health Statuses

✓ Published0🌍 Public

Last edited Dec 9, 2021

Created on Dec 9, 2021

Forked from Scatterplot of Body Mass Index for Males and Females

This scatterplot shows the relationship between age and body mass index for individuals, with colors indicating their general health status. The chart uses a React and SVG rendering pipeline with d3.v5's scaleLinear for the x and y axes and scaleOrdinal for the color mapping. Data comes from a CDC dataset loaded via d3.csv. Hovering over any point displays the age as tooltip text.

AI-generated description

This visualization is a scatterplot of age vs. body mass index distinguished by health status from the CDC Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot of Body Mass Index for Males and Females

This scatterplot displays the relationship between age and body mass index (BMI) for males and females, using data from a CDC dataset. Each point is colored by gender via a d3.scaleOrdinal, with BMI computed from weight and height. The visualization is built with React and d3.v5, rendering SVG circles, axes, and a color legend. Axes and marks are generated using scaleLinear and custom React components, with loading states handled asynchronously.

RRidhima Saxena

87% match

Loading thumbnail…

Histogram of BMI by Age By Health Status

This histogram displays the average Body Mass Index across age groups for a selected health status. A dropdown menu toggles between Excellent, Very Good, Good, Fair, and Poor health categories, filtering the CDC dataset accordingly. The visualization uses D3 v7 with `d3.bin` to group ages and `scaleLinear` axes, rendered as SVG rectangles. React manages the component state, while BMI is calculated from weight and height using the formula weight/height² × 703. Axes include grid lines and rotated labels for readability.

RRidhima Saxena

85% match

Loading thumbnail…

BMI by Age

This scatterplot visualizes Body Mass Index (BMI) by age using CDC data, binning individual records into age groups and displaying the average BMI for each bin as green rectangles. The chart shows how average BMI trends across the age range, with axes labeled "Age" and "Average Body Mass Index." The visualization uses D3 v7 with ES6 module imports, leveraging `d3.bin`, `scaleLinear`, `axisBottom`, and `axisLeft` to compute bins, scales, and render SVG axes. The BMI values are calculated from weight and height fields using the standard formula, and the rendering is done entirely in SVG.

SSharankumar02

81% match

Loading thumbnail…

BMI by Age

A scatterplot-style chart visualizes average Body Mass Index across age, binned into uniform intervals, with orange bars rising from the baseline to show BMI values per age group. The visualization uses D3 v7’s `bin` generator to group CDC dataset records by age, then computes each bin’s mean BMI via `sum` before rendering as SVG rectangles. Linear scales map age and BMI to pixel coordinates, while `axisBottom` and `axisLeft` add tick marks with custom labels, and axes are styled with muted colors and sans-serif typography.

Jjayanthkumar22

81% match

Loading thumbnail…

BMI by Age

A scatterplot of average Body Mass Index (BMI) by age, showing data from the CDC dataset. The visualization groups the data into age bins, calculating the mean BMI for each bin, and renders the results as a bar chart. It uses D3 v7 for data loading, scaling, binning, and SVG rendering, with code demonstrating local ES6 module imports. The axes and labels are styled via D3's `axisLeft` and `axisBottom` APIs, and the chart is styled with purple bars.

Ssuryavamsi00024

81% match

Loading thumbnail…

BMI by Age

This scatterplot visualizes the average Body Mass Index (BMI) across age groups, using data from the CDC Dataset. The chart aggregates individual data points into age bins, with each bar representing the mean BMI for that age range, using D3's `bin` and `sum` functions. The visualization is rendered as an SVG, with axes generated via `axisLeft` and `axisBottom`, and custom styling applied through CSS to highlight the distribution of BMI values across the lifespan.

Bbogasamudramvamsikrishnareddy

80% match

Loading thumbnail…

BMI by Age

This scatterplot visualization displays average Body Mass Index (BMI) across age groups, using data from the CDC Dataset. The BMI values are computed from weight and height measurements using the standard formula (weight in pounds divided by height in inches squared, multiplied by 703). The visualization bins the data by age using `d3.bin` and renders orange SVG rectangles whose heights represent the average BMI for each age range. Scales and axes are created with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, while the data is loaded via `d3.csv` from a GitHub gist.

NNukaShravanKumar

79% match

Loading thumbnail…

Histograms

A scatterplot-like histogram visualizes average Body Mass Index by age, using binned rectangles to group individuals and display the mean BMI per age bracket. The chart loads CSV health data from GitHub and uses D3 v7 APIs including `d3.bin` for histogram generation, `d3.scaleLinear` for both axes, and `d3.axisLeft`/`d3.axisBottom` for labeled tick marks. SVG rendering applies a green fill to rectangles with white strokes, while axis labels and a title clarify the data relationship.

SSwapna1915

79% match