Skip to main content
SimilarExport ZIP
100%

BMI by Age

✓ Published0🌍 Public
Mmn0658
Last edited Jun 26, 2023
Created on Jun 26, 2023
Forked from Hello VizHub

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.

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

BMI by Age

This visualization displays the average body mass index (BMI) segmented by age using a binned area chart. The code loads data from a CSV source, calculates BMI values, and renders bars with the d3.bin and d3.sum APIs. It utilizes d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.area with curveBasis to construct the SVG output. Axes include gridlines and rotated labels, with the chart title and axis annotations styled in the d3.v7 framework.

Vvineelaramulapalli32
94% match
Loading thumbnail…

BMI by Age

This visualization displays the relationship between age and average body mass index using binned bar charts. The data comes from a CSV file, with BMI calculated from weight and height values. The code imports D3 modules through ES6 syntax, using scaleLinear, axisBottom, axisLeft, bin, and sum APIs to create the SVG rendering. Each bar represents an age bin, with its height reflecting the average BMI for that group. Axis tick lines extend across the chart to create a grid-like structure, with labels for both axes and a title.

Mmandadi1999
94% 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
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