Skip to main content
SimilarExport ZIP
100%

ICE6_11703795_BARGRAPH

✓ Published0🌍 Public
MMeghanaChowdaryVelaga@my.unt.edu
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from PIE CHART

A bar chart displays average body mass index (BMI) by age, using orange rectangles to represent binned age groups. The visualization calculates BMI from weight and height data and aggregates it per age bin. Built with D3 v7, the code uses `scaleLinear`, `axisBottom`, `axisLeft`, and `bin` to construct the axes and data groups. The SVG output is rendered via the `select` and `append` API, drawing axes with tick marks and labeled "Average Body Mass Index" and "Age". Data is loaded from a CSV source.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6_11703795_BARGRAPH

A bar chart displays average body mass index (BMI) by age, using orange rectangles to represent binned age groups. The visualization calculates BMI from weight and height data and aggregates it per age bin. Built with D3 v7, the code uses `scaleLinear`, `axisBottom`, `axisLeft`, and `bin` to construct the axes and data groups. The SVG output is rendered via the `select` and `append` API, drawing axes with tick marks and labeled "Average Body Mass Index" and "Age". Data is loaded from a CSV source.

MMeghanaChowdaryVelaga@my.unt.edu
100% 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
86% 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
86% match
Loading thumbnail…

BMI by Age

This example visualizes the relationship between age and average body mass index (BMI) using binned bar charts. The code loads data via D3’s `csv` method, computes BMI from height and weight, and applies `scaleLinear` and `scaleTime` for axes. Binning is performed with `bin` and aggregated using `sum`. The SVG rendering includes axes with `axisBottom` and `axisLeft`, while rectangular bins are drawn with `.join('rect')`. The data originates from a GitHub gist, and the visualization demonstrates D3 v7’s modular imports and local ES6 module usage.

Aaniteshterala2000
86% 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
85% 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
85% 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
85% 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
85% match