BMI in different US Region and Comparison Between Smoker/Nonsmoker

100%

BMI in different US Region and Comparison Between Smoker/Nonsmoker

✓ Published0🌍 Public

Last edited Sep 17, 2019

Created on Sep 13, 2019

This example visualizes average BMI across US regions, split by smoker status, using a faceted bar chart. The chart shows that the southeast region has the highest BMI, while smokers do not necessarily have higher BMIs than nonsmokers. The visualization is built with Vega-Lite API and D3, reading data from a CSV file. It uses aggregated bar marks, with region as columns, smoker status on the x-axis, and average BMI on the y-axis, with tooltips for detailed values.

AI-generated description

A visualization constructed using the vega-lite-api.

Medical Cost dataset has been visualized, southeast has hightest BMI across the country. Smokers are not neccessarily fatter

gist is from here

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite Grouped Bar Chart

This grouped bar chart compares average BMI between smokers and non-smokers across different regions, using adjacent bars for each smoker status to make direct visual comparisons easier. The visualization loads medical cost data from a CSV file via d3.csv and renders with Vega-Lite, using the vega-lite-api to encode columns by region, x-axis by smoker status, and y-axis by average BMI. The color channel also maps to smoker status, and a tooltip displays the average BMI on hover. Display settings are customized through a config object that adjusts font sizes and axis styling.

MMartin Blatz

79% match

Loading thumbnail…

Vega-Lite Grouped Bar Chart

This interactive visualization uses a grouped bar chart to compare average BMI between smokers and non-smokers across different regions, making adjacent bar comparisons straightforward. Built with Vega-Lite and rendered via the `vega-lite-api`, the visualization encodes region as columns, smoker status as x-axis and color, and average BMI as the y-axis. The data is loaded from a remote CSV using `d3.csv`, while custom axis styling removes domain lines and increases font sizes for readability. Tooltips display the average BMI on hover.

CCurran Kelleher

77% match

Loading thumbnail…

Clustered Bar Chart - Average Insurance Charges by Region

This clustered bar chart displays average insurance charges across four US regions, comparing smokers (red bars) versus non-smokers (black bars) using data from an Insurance Expenses Dataset. The visualization uses D3 v6 scales—`scaleBand` for the region groups and subgroup categories, `scaleLinear` for the y-axis, and `scaleOrdinal` for color mapping. Data is loaded via `d3.csv` and grouped with a custom `groupBy` function that calculates averages by smoking status. The SVG rendering includes axis generators (`axisBottom`, `axisLeft`) and a custom legend, with bars shaded at 0.95 opacity.

RRaul Gamez

71% match

Loading thumbnail…

Smoking Status vs Age

This bar chart shows the relationship between age and smoking status (0 for non-smoker, 1 for smoker) across individuals in the CDC dataset, with bars colored by gender. The visualization uses a linear x-scale for age and a band scale for smoking status, rendering SVG rectangles via React components. It employs D3 v5 scales (scaleLinear, scaleBand, scaleOrdinal) and custom axis components (AxisBottom, AxisLeft) alongside a color legend, with data loaded through d3.csv.

RRidhima Saxena

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

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

64% match

Loading thumbnail…

Medical Cost Personal (charges vs bmi)

This visualization displays the relationship between BMI and medical charges for individual patients, with each circle colored by smoking status and sized according to patient age. The plot uses positioned circles from the vega-lite-api library, rendering as an SVG through the vega and vega-lite specifications. Data comes from the Medical Cost Personal Dataset, loaded via d3.csv. The chart applies custom axis and label styling from a configuration object, while incorporating interactive tooltips through vega-tooltip to reveal each patient's region on hover.

Mmeperezcuello

64% match

Loading thumbnail…

Medical Cost Personal (charges vs bmi)

This visualization uses an interactive scatterplot to explore the relationship between patient BMI and medical charges, with each circle representing a patient. The color distinguishes smokers from non-smokers, while the circle size encodes patient age. The chart is built with the vega-lite-api library on top of Vega-Lite and d3, loading data from a CSV file hosted as a GitHub gist. The code customizes the axes and label styling through a config object.

Mmeperezcuello

64% match