Scatterplot of Body Mass Index for Males and Females

100%

Scatterplot of Body Mass Index for Males and Females

✓ Published2🌍 Public

Last edited Dec 9, 2021

Created on Nov 27, 2021

Forked from Scatterplot of CDC Dataset describing Age (in Years) vs. Weight (in Pounds) for Males and Females

This scatterplot displays the relationship between age and body mass index (BMI) for males and females, using data from a CDC dataset. Each point is colored by gender via a d3.scaleOrdinal, with BMI computed from weight and height. The visualization is built with React and d3.v5, rendering SVG circles, axes, and a color legend. Axes and marks are generated using scaleLinear and custom React components, with loading states handled asynchronously.

AI-generated description

This visualization is a scatterplot of age vs. body mass index distinguised by gender from the CDC Dataset.

Body Mass Index is calculated as: weight (lbs) /height (in) /height (in) * 703

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot of Body Mass Index for Different Health Statuses

This scatterplot shows the relationship between age and body mass index for individuals, with colors indicating their general health status. The chart uses a React and SVG rendering pipeline with d3.v5's scaleLinear for the x and y axes and scaleOrdinal for the color mapping. Data comes from a CDC dataset loaded via d3.csv. Hovering over any point displays the age as tooltip text.

RRidhima Saxena

87% match

Loading thumbnail…

Scatterplot of CDC Dataset describing Age (in Years) vs. Weight (in Pounds) for Males and Females

This scatterplot visualizes the relationship between age (in years) and weight (in pounds) for males and females from a CDC dataset. Points are colored by gender using `scaleOrdinal` with a color legend, and all circles render with 30% opacity to reveal overlapping data. The visualization uses React with D3 v5 scales (`scaleLinear`) to map data to SVG coordinates, with custom axis components for the bottom and left sides. Axes, titles, and labels are added as SVG text elements, while hover tooltips provide precise values via native SVG `<title>` elements.

RRidhima Saxena

85% match

Loading thumbnail…

Histogram of BMI by Age By Gender

This interactive visualization displays the relationship between age and average Body Mass Index (BMI) using a histogram, with a dropdown menu to switch between male and female data from the CDC dataset. The chart uses slanted-blue bars to show average BMI values within equal-width age bins. Built with React and D3.v7, it employs `scaleLinear`, `bin`, and `axisBottom`/`axisLeft` APIs to compute scales, bin the data, and render axes. The SVG graphic is generated declaratively, with BMI calculated from weight and height using the formula shown.

RRidhima Saxena

85% match

Loading thumbnail…

BMI by Age

A scatterplot of Body Mass Index by gender from the CDC Dataset, plotted against age. The chart uses circle glyphs to represent individuals, with color encoding gender, and displays data points across the age axis. The implementation relies on D3 v7 for data parsing, aggregation, and SVG rendering. It computes average sepal length per species using `flatRollup` and `sum` from d3, though the visualization itself focuses on BMI distribution. The data is loaded asynchronously via `fetch`, parsed with `csvParse`, and rendered within an SVG container.

MManideeprenikindi

85% match

Loading thumbnail…

Weight/Weight Desired for Males and Females

This scatterplot shows the relationship between age and weight-to-desired-weight ratio for males and females, using semi-transparent circles colored by gender. The visualization loads CDC health data via `d3.csv` and renders it as an SVG with React components. Axes are built with custom `AxisBottom` and `AxisLeft` components using `d3.scaleLinear`, while a `d3.scaleOrdinal` color scale differentiates genders. A `ColorLegend` component displays the categorical color mapping, and each circle includes a native SVG `<title>` element for hover tooltips.

RRidhima Saxena

84% match

Loading thumbnail…

BMI by Age

This scatterplot visualizes Body Mass Index (BMI) by age using CDC data, binning individual records into age groups and displaying the average BMI for each bin as green rectangles. The chart shows how average BMI trends across the age range, with axes labeled "Age" and "Average Body Mass Index." The visualization uses D3 v7 with ES6 module imports, leveraging `d3.bin`, `scaleLinear`, `axisBottom`, and `axisLeft` to compute bins, scales, and render SVG axes. The BMI values are calculated from weight and height fields using the standard formula, and the rendering is done entirely in SVG.

SSharankumar02

82% match

Loading thumbnail…

BMI by Age

A scatterplot of average Body Mass Index (BMI) by age, showing data from the CDC dataset. The visualization groups the data into age bins, calculating the mean BMI for each bin, and renders the results as a bar chart. It uses D3 v7 for data loading, scaling, binning, and SVG rendering, with code demonstrating local ES6 module imports. The axes and labels are styled via D3's `axisLeft` and `axisBottom` APIs, and the chart is styled with purple bars.

Ssuryavamsi00024

82% match

Loading thumbnail…

BMI by Age

This scatterplot visualization displays average Body Mass Index (BMI) across age groups, using data from the CDC Dataset. The BMI values are computed from weight and height measurements using the standard formula (weight in pounds divided by height in inches squared, multiplied by 703). The visualization bins the data by age using `d3.bin` and renders orange SVG rectangles whose heights represent the average BMI for each age range. Scales and axes are created with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, while the data is loaded via `d3.csv` from a GitHub gist.

NNukaShravanKumar

82% match