BMI by Age

100%

BMI by Age - Histogram Visualization

✓ Published0🌍 Public

Last edited Jun 20, 2023

Created on Jun 20, 2023

This histogram visualizes average body mass index (BMI) across age groups, using data from a CSV file. The code sorts individuals into age bins with `d3.bin`, then renders orange rectangles whose heights represent each bin’s mean BMI, computed via `d3.sum`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, with scales set by `d3.scaleLinear`. The visualization uses D3 v7, loads data via `d3.csv`, and renders to an SVG canvas.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

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

93% match

Loading thumbnail…

BMI by Age

This visualization displays average body mass index (BMI) across age groups, using orange bars to represent binned age ranges. The chart loads CSV data from a GitHub gist, calculates BMI from height and weight values, and bins the data with `d3.bin`. Scales are created with `scaleLinear`, axes are rendered via `axisBottom` and `axisLeft`, and rectangles are drawn using D3 v7's join pattern. The y-axis shows computed average BMI per bin, with labeled axes and a title, all rendered as SVG.

VVishnu Sudireddy

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

92% match

Loading thumbnail…

Histogram

This histogram visualizes the distribution of average body mass index (BMI) across different ages, using survey data loaded from a CSV file. The chart renders orange bars in an SVG canvas, with age on the x-axis and average BMI on the y-axis. The code uses D3 v7 APIs including `d3.bin` to group data into bins, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to generate tick marks. Data preprocessing calculates BMI from height and weight values.

VVarshareddy2912

92% match

Loading thumbnail…

BMI by Age

This histogram displays the average body mass index (BMI) of survey respondents across different ages, using orange bars on an SVG chart. It loads a remote CSV dataset, bins the age values using `d3.bin`, scales the axes with `d3.scaleLinear`, and computes per-bin averages with `d3.sum`. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with labels and a title added as SVG text elements.

NNagateja99

91% match

Loading thumbnail…

BMI by Age

This visualization displays average body mass index (BMI) by age using a histogram-style bar chart. The code loads CSV data from a GitHub gist, calculates BMI from height and weight, and bins ages with `d3.bin`. D3 scales (`scaleLinear`), axes (`axisBottom`, `axisLeft`), and SVG rendering display the aggregated averages. The chart includes labeled axes for Age and Average Body Mass Index, with a title, all styled via CSS.

Mmn0658

91% match

Loading thumbnail…

BMI by Age

This chart displays the average body mass index across ages as orange bars, with axes labeled for both variables. It loads CSV data from a GitHub gist, computes BMI from height and weight, and bins the ages using `d3.bin`. The visualization uses D3 v7 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `area`, rendering SVG elements with `select` and `join` for the rectangles. Axes are customized by removing domains and adding text labels.

Ssaikrishnabussa

91% match

Loading thumbnail…

BMI by Age

This example visualizes the relationship between age and average Body Mass Index (BMI) using a binned bar chart. The data is loaded via `d3.csv` from a GitHub gist, with BMI values calculated from weight and height measurements. The visualization uses D3 v7 APIs including `d3.bin`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to group ages into bins and display the average BMI per bin as purple rectangles on an SVG canvas. Axes are customized with tick styling and labels for both dimensions.

Hharipriyaa07

91% match