Age vs BMI Bubble Chart

100%

Age vs BMI Bubble Chart

✓ Published0🌍 Public

Last edited Jul 21, 2023

Created on Jul 21, 2023

This visualization is a multidimensional scatter plot that maps age on the x-axis against BMI on the y-axis for approximately 250 individuals, with each bubble’s size encoding insurance charges and its color indicating gender. The chart uses a D3 v7 selection with data binding to append SVG circles, scaled with `d3.scaleLinear` for axes and `d3.scaleOrdinal` for the male/female color mapping. A legend explains bubble size ranges and gender colors, while axes are rendered via `d3.axisBottom` and `d3.axisLeft`. Data is loaded asynchronously from a CSV file using `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble Chart

This bubble chart visualizes the relationship between age and BMI for approximately 250 individuals, with circle size encoding insurance charges and color distinguishing gender. Built with D3 v7 in a React-agnostic HTML page, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for male/female coloring, and `Math.sqrt` to map charges to radius. Data loads asynchronously from a CSV file via `d3.csv`, and the SVG rendering includes custom axes, labels, and a legend showing size and color ranges.

AArun Pratap

90% match

Loading thumbnail…

Bubble Chart

This bubble chart visualizes the relationship between age, BMI, and insurance charges for roughly 250 individuals, with gender distinguishing the data points. The x-axis maps age while the y-axis shows BMI, and circle radius encodes the magnitude of insurance charges. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for axes and `d3.scaleOrdinal` to color points by gender. A legend displays the minimum and maximum charge values alongside color swatches for male and female categories, with data loaded from an external CSV file.

PPranay Matalia

89% match

Loading thumbnail…

Qualitative Bubble Chart

This bubble chart visualizes the relationship between age and BMI for roughly 500 individuals, with color encoding gender. The SVG rendering uses d3.scaleLinear for both axes and d3.scaleOrdinal with a custom color range to distinguish male and female data points. The code loads data from a CSV via d3.csv and positions circles using xScale and yScale. A d3-legend legend is added for gender, and both axes are generated with d3.axisBottom and d3.axisLeft.

PPranay Matalia

87% match

Loading thumbnail…

BMI by Age

A scatterplot-style chart visualizes average Body Mass Index across age, binned into uniform intervals, with orange bars rising from the baseline to show BMI values per age group. The visualization uses D3 v7’s `bin` generator to group CDC dataset records by age, then computes each bin’s mean BMI via `sum` before rendering as SVG rectangles. Linear scales map age and BMI to pixel coordinates, while `axisBottom` and `axisLeft` add tick marks with custom labels, and axes are styled with muted colors and sans-serif typography.

Jjayanthkumar22

82% match

Loading thumbnail…

Area Chart of BMI by Age

This visualization shows the relationship between age and Body Mass Index (BMI), displaying BMI as a filled area chart across age values. The chart uses a smooth curve (via d3.curveBasis) to connect data points, with the area filled in maroon, and includes labeled axes for Age and Body Mass Index. The data comes from a CDC dataset accessed through a public GitHub gist, with BMI calculated from height and weight fields using the formula weight (lb) / height (in)² × 703. The rendering uses d3.select, d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.area, and d3.extent, all within an SVG canvas.

RRidhima Saxena

81% 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

81% 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

81% match

Loading thumbnail…

Line Plot of BMI vs Age

This visualization displays the relationship between age and weight from the CDC GenlHealth dataset, with each data point represented as a circle on a scatterplot. The axes are scaled linearly using `scaleLinear`, with extents calculated via `d3.extent`. Circles are appended to an SVG canvas using `selectAll` and `.join()`, with left and bottom axes generated through `axisLeft` and `axisBottom` functions. The chart fills the browser window, using the full viewport dimensions for width and height. Data loading is handled asynchronously through the `csv` function with a custom row parser that converts string values to numeric types.

RRidhima Saxena

81% match