Skip to main content
SimilarExport ZIP
100%

BMI Bar Chart

✓ Published0🌍 Public
CChaturyaAkhilaPallem@my.unt.edu
Last edited Mar 16, 2024
Created on Mar 16, 2024
Forked from Simple Bar Chart

This bar chart displays the top 10 highest BMI values from a local dataset, ranking individuals by their body mass index in descending order. The visualization uses D3.js with `scaleBand` and `scaleLinear` to map names and BMI values to the x and y axes, respectively. The code imports the data from `bmiData` and renders it as an SVG, with each bar’s height proportional to the BMI value. Axes and labels are added using the `@curran/axis-labels` library, and the chart is designed to fit the container’s dimensions.

AI-generated description

A bar chart showing the top 10 most populous countries on Earth as of January 1st 2024.

Challenge

  • Fork this viz and modify it to show your own data
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart-BMI

This example visualizes the Body Mass Index (BMI) of ten individuals from a CSV dataset, using a bar chart to compare each person’s BMI value. The chart shows the BMI for each name, with bars representing the numeric BMI values. The visualization is built with D3.js v7, rendering SVG elements. It uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, with `d3.axisBottom` and `d3.axisLeft` to display the axes. The data is loaded from the provided CSV file, and each bar’s height reflects the BMI, colored in steel blue.

CChaturyaAkhilaPallem@my.unt.edu
88% match
Loading thumbnail…

BMI Bar Chart

This bar chart displays the total population estimates for the top 10 countries by population, using data from the UN population estimates. The visualization uses D3.js with `scaleBand` and `scaleLinear` to map country names to bar positions and population values to bar heights, while `axisLeft` and the `axes` utility from `@curran/responsive-axes` render the axes. The chart highlights a light gray inner rectangle behind the bars to separate the plotting area, and it sorts the data in descending order using `descending` to show the most populous countries first.

CChaturyaAkhilaPallem@my.unt.edu
85% match
Loading thumbnail…

BMI by Age

A bar chart visualizes the relationship between age and average Body Mass Index (BMI) by binning ages into intervals and computing the mean BMI for each bin. The chart uses D3.js (v7) with SVG rendering, employing `scaleLinear` for axes, `bin` to group data, and `axisBottom`/`axisLeft` for tick marks. Data is loaded as CSV from a GitHub gist, with BMI calculated from height and weight fields. The chart includes labeled axes and a title, with bars colored green.

HHemanthh81
80% match
Loading thumbnail…

SCATTER PLOT by chaturya

This dual-panel chart compares BMI against height and weight across individuals using a bar chart layout. The left panel displays BMI values as green bars, while the right panel shows height and weight as paired orange and blue bars, respectively. Built with React and D3, the visualization uses `scaleBand` and `scaleLinear` for axes, with `csv` loading data from a GitHub-hosted BMI dataset. Custom axis groups rotate x-axis labels for readability, and rounded bar corners add polish. The SVG rendering clearly contrasts the three metrics, though the title in the provided code does not match the requested scatter plot description.

CChaturyaAkhilaPallem@my.unt.edu
79% 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
79% 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
78% 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
78% 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
78% match