Skip to main content
SimilarExport ZIP
100%

BMI by Age

✓ Published0🌍 Public
VVishnu Sudireddy
Last edited Jun 14, 2023
Created on Jun 14, 2023
Forked from Hello VizHub

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.

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…

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
96% match
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
95% 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
95% match
Loading thumbnail…

BMI by Age

This visualization displays average body mass index (BMI) by age using a bar chart. The data comes from a CSV file containing individual height and weight measurements, from which BMI is calculated. D3.js version 7 is used with SVG rendering, employing `scaleLinear`, `axisLeft`, `axisBottom`, and `bin` to group ages into bins. Orange rectangles represent the average BMI for each age range, with axes labeled "Age" and "Average Body Mass Index."

Ppjdhungana@gmail.com
94% 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
94% 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
94% match
Loading thumbnail…

BMI by Age

This example shows the average Body Mass Index (BMI) of individuals binned across age groups, with the x-axis displaying age and the y-axis displaying average BMI. The data is loaded from a CSV file hosted on GitHub, with BMI calculated from weight and height columns. Using D3 v7, the visualization employs scales, axes, and a binning function to aggregate the data. It renders orange rectangles for each bin, with axis labels and a title, demonstrating D3's `csv`, `scaleLinear`, `axisBottom`, `axisLeft`, and `bin` APIs.

Iindushashi.g@gmail.com
94% 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
94% match