Area Chart of BMI by Age

100%

Area Chart of BMI by Age

✓ Published1🌍 Public

Last edited Nov 27, 2021

Created on Nov 19, 2021

This visualization shows the relationship between age and Body Mass Index (BMI), displaying BMI as a filled area chart across age values. The chart uses a smooth curve (via d3.curveBasis) to connect data points, with the area filled in maroon, and includes labeled axes for Age and Body Mass Index. The data comes from a CDC dataset accessed through a public GitHub gist, with BMI calculated from height and weight fields using the formula weight (lb) / height (in)² × 703. The rendering uses d3.select, d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.area, and d3.extent, all within an SVG canvas.

AI-generated description

This visualization is a scatterplot of Body Mass Index by gender from the CDC Dataset.

Body Mass Index is calculated using the following formula: [weight (lb) / height (in) / height (in)] x 703

MIT Licensed

Similar vizzes

Loading thumbnail…

BMI by Age

This visualization displays the average Body Mass Index (BMI) across different ages using a binning approach. The chart uses orange bars with white strokes to represent binned age groups, with the y-axis showing BMI values and the x-axis showing age. The code leverages d3.bin, d3.scaleLinear, d3.scaleTime, d3.axisBottom, and d3.axisLeft APIs from D3 v7 to process and render the data. The visualization imports data from a CSV file hosted on GitHub and computes BMI values using the formula (weight/height²) × 703. The SVG rendering includes custom axes with tick styling and labeled text elements for the chart title and axis descriptions.

VVinay Vemuri

88% match

Loading thumbnail…

BMI by Age

This visualization displays average Body Mass Index (BMI) across different ages using a bar chart where each bar represents a binned age group. The chart uses D3's `bin` and `scaleLinear` functions to aggregate the CDC dataset into age ranges, with `avgBMI` calculating the mean BMI per bin. Bars are rendered as SVG rectangles with orange fills and white strokes, while axes are generated via `axisBottom` and `axisLeft` with custom tick styling. The BMI values are computed from weight and height measurements using the standard formula, with data loaded from a remote CSV source.

Iindushashi.g@gmail.com

87% match

Loading thumbnail…

BMI by Age

This visualization shows the average Body Mass Index (BMI) across different age groups, using a bar chart where each bar represents a binned age range. The chart, built with D3 v7, loads data from a GitHub-hosted CSV containing survey responses and computes BMI from height and weight values. The code employs D3's `bin` utility to group ages, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` for chart axes, with bars drawn as SVG `rect` elements and axis labels added via SVG `text`.

UUmarani Vemula

87% match

Loading thumbnail…

BMI by Age

This visualization displays the average body mass index (BMI) segmented by age using a binned area chart. The code loads data from a CSV source, calculates BMI values, and renders bars with the d3.bin and d3.sum APIs. It utilizes d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.area with curveBasis to construct the SVG output. Axes include gridlines and rotated labels, with the chart title and axis annotations styled in the d3.v7 framework.

Vvineelaramulapalli32

87% match

Loading thumbnail…

BMI by Age

This visualization shows average Body Mass Index (BMI) across age groups, using orange rectangular bins to aggregate individual data points into age intervals. The chart applies the CDC formula (weight in pounds divided by height in inches squared, multiplied by 703) to compute BMI from the loaded dataset. It uses d3.csv for data loading, d3.bin for histogram binning, and d3.scaleLinear with d3.axisBottom and d3.axisLeft to render the axes. The SVG rendering includes gridlines via tick sizing and custom labels for both axes.

Rrushithareddyy

87% match

Loading thumbnail…

BMI by Age

This visualization shows the average Body Mass Index (BMI) across different ages, using a bar chart where each bar represents a binned age range and its height corresponds to the mean BMI for that group. The code loads data from a CSV file via a Gist URL, parses and transforms the values to calculate BMI, and uses D3 v7’s `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, `bin`, and `sum` functions to bin the data, scale the axes, and render the SVG output. The axes have grid lines, and the chart includes a title and labeled age and BMI axes.

Rrikhitakoganti12

87% match

Loading thumbnail…

BMI by Age

A bar chart visualizes the relationship between age and average Body Mass Index (BMI) by binning ages into intervals and computing the mean BMI for each bin. The chart uses D3.js (v7) with SVG rendering, employing `scaleLinear` for axes, `bin` to group data, and `axisBottom`/`axisLeft` for tick marks. Data is loaded as CSV from a GitHub gist, with BMI calculated from height and weight fields. The chart includes labeled axes and a title, with bars colored green.

HHemanthh81

87% match

Loading thumbnail…

BMI by Age

This visualization displays average body mass index (BMI) by age using binned bar chart rectangles over a scatter-style plot. The D3 v7 code loads data from a CSV file, computes BMI from height and weight, and uses d3.bin to group ages. Scales, axes, and labels are generated with d3.scaleLinear, d3.axisBottom, and d3.axisLeft, rendered as SVG with custom tick styling.

LLakshmanRangisetti

87% match