Fork of BMI by Age

100%

Fork of BMI by Age

✓ Published1🌍 Public

Last edited Jul 5, 2023

Created on Jul 5, 2023

This fork of the BMI by Age visualization displays a scatterplot of Body Mass Index values from a CDC dataset. The chart separates data points by gender, illustrating the distribution of BMI across different ages. The code imports data from a CSV file and uses D3's `csvParse` function to process it, while the rendering is handled through SVG elements. The visualization relies on D3.js v7 for data manipulation, including the `flatRollup` and `sum` functions to calculate average values for display alongside the plot.

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

A scatterplot of Body Mass Index by gender from the CDC Dataset, plotted against age. The chart uses circle glyphs to represent individuals, with color encoding gender, and displays data points across the age axis. The implementation relies on D3 v7 for data parsing, aggregation, and SVG rendering. It computes average sepal length per species using `flatRollup` and `sum` from d3, though the visualization itself focuses on BMI distribution. The data is loaded asynchronously via `fetch`, parsed with `csvParse`, and rendered within an SVG container.

MManideeprenikindi

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

86% match

Loading thumbnail…

BMI by Age

This chart displays average body mass index across different ages using data from a CSV file. It bins the dataset by age and computes each bin’s mean BMI, rendering the results as orange SVG rectangles with white strokes. The visualization uses D3 v7’s `scaleLinear`, `bin`, `area`, `curveBasis`, and `axisBottom`/`axisLeft` APIs, with axes drawn using D3’s axis components. The data is imported via `d3.csv`, and BMI is calculated from height and weight fields before rendering.

MManideeprenikindi

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

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

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

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

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

84% match