Histogram of BMI by Age With Brushing

100%

Histogram of BMI by Age With Brushing

✓ Published0🌍 Public

Last edited Dec 3, 2021

Created on Dec 3, 2021

This visualization displays the average Body Mass Index (BMI) of individuals grouped by age, using data from the CDC dataset. A brush tool allows the user to select a range of ages on the horizontal axis, which then filters the data and re-renders the histogram to show more granular age bins for the selected range. The code uses D3 v7 APIs such as `scaleLinear`, `axisBottom`, `axisLeft`, `bin`, and `brushX` to create and update the SVG rendering. The visualization is built with React and displays the data as a series of rectangular bars, with the title "BMI By Age" and labeled axes.

AI-generated description

This visualization is a histogram of Body Mass Index enhanced by brushing from the [CDC Dataset] (https://gist.github.com/ridhimasaxena/a45f4774ff99a80bb5f71ca575f64ec3).

For this assignment, I have the brush essentially zoom into the histogram to further display BMI for more granular age bins.

MIT Licensed

Similar vizzes

Loading thumbnail…

Histogram of BMI by Age

This histogram displays the average Body Mass Index (BMI) of individuals binned by age, using data from a CDC dataset. The chart shows a general trend of BMI across age groups, with the average BMI per bin calculated from the raw weight and height values. The visualization is built with D3 v7, using `d3.bin` to group data, `d3.scaleLinear` for both axes, and SVG rendering. The axes and grid lines are styled via CSS, with the data aggregated and drawn as indigo rectangles.

RRidhima Saxena

87% match

Loading thumbnail…

Histogram of BMI by Age By Gender

This interactive visualization displays the relationship between age and average Body Mass Index (BMI) using a histogram, with a dropdown menu to switch between male and female data from the CDC dataset. The chart uses slanted-blue bars to show average BMI values within equal-width age bins. Built with React and D3.v7, it employs `scaleLinear`, `bin`, and `axisBottom`/`axisLeft` APIs to compute scales, bin the data, and render axes. The SVG graphic is generated declaratively, with BMI calculated from weight and height using the formula shown.

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

86% match

Loading thumbnail…

Fork of Histogram of BMI by Age

This visualization shows the average Body Mass Index (BMI) by age as a bar chart, with each bar representing the mean BMI of individuals grouped into age bins. The bars are rendered as SVG rectangles using D3 v7’s `scaleLinear`, `bin`, and `sum` APIs. Data comes from the CDC dataset, with BMI calculated from weight and height. The chart includes labeled axes, tick marks, and a title, all styled with custom CSS.

CChaoying Zheng

86% match

Loading thumbnail…

BMI by Age

A histogram displays average body mass index (BMI) across age, using orange bars with white strokes and labeled axes. The code loads CDC health survey data via `d3.csv`, computes BMI from height and weight, and bins ages with `d3.bin`. `d3.scaleLinear` maps age and averaged BMI to SVG pixel coordinates, while `d3.axisBottom` and `d3.axisLeft` render the ticks. Axes labels are added manually, and the chart is built with D3 v7 selections and SVG rectangles.

BBhavanaGIrni

85% match

Loading thumbnail…

BMI by Age

This visualization presents a histogram of average Body Mass Index (BMI) across age groups, using data from the CDC dataset. The x-axis shows age with 14 ticks, while the y-axis displays the average BMI value, calculated using the formula weight/height² x 703. The chart uses d3.bin to group the data into age bins and displays each bin as an orange rectangle, with the height representing the average BMI within that age range. The visualization uses d3.scaleLinear for both axes and d3.axisBottom and d3.axisLeft for the tick marks, with custom styling applied through CSS.

Ppardha1411

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

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

84% match