Skip to main content
SimilarExport ZIP
100%

BMI by Age

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

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.

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

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

BMI by Age

This chart displays the average Body Mass Index (BMI) for individuals across different ages, using a binning approach. The data is loaded from a CSV file and processed to calculate BMI from height and weight. The visualization renders as a series of orange bars, one for each age bin, with the height of each bar representing the average BMI. The implementation uses D3 v7, specifically leveraging the `csv`, `bin`, `scaleLinear`, `axisLeft`, `axisBottom`, `extent`, and `sum` functions. A custom D3 selection and join operation appends the rectangles to the SVG canvas.

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

BMI By Age

This example visualizes the average body mass index (BMI) across different ages using a bin-based bar chart. The chart aggregates individual BMI values into age bins and displays the mean BMI per bin, with axes labeled "Age" and "Average Body Mass Index." The code loads data from a CSV file and uses d3.bin to create the histogram bins, along with d3.scaleLinear, d3.axisBottom, and d3.axisLeft to construct the scales and axes. SVG rectangles render the bars, with orange fills and white strokes as defined in the stylesheet.

MMichael Biancardi
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
93% 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
93% 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…

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