Skip to main content
SimilarExport ZIP
100%

Smoking Status vs Age

✓ Published0🌍 Public
RRidhima Saxena
Last edited Dec 9, 2021
Created on Dec 8, 2021

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.

AI-generated description

A bar chart visualization of the cdc dataset outlining smoking status (0 for non-smoker and 1 for smoker) for every age in the dataset (https://gist.github.com/ridhimasaxena/a45f4774ff99a80bb5f71ca575f64ec3).

MIT Licensed

Similar vizzes

Loading thumbnail…

General Health vs Weight

This bar chart visualizes the relationship between general health ratings and weight using CDC survey data, with bars colored by gender. The visualization uses React to render SVG elements and D3 scales (scaleBand for health categories, scaleLinear for weight) to position marks. ColorLegend communicates gender encoding, while AxisBottom and AxisLeft components display tick marks. The chart highlights how weight distributions vary across self-reported health levels, with bars extending horizontally from zero to represent weight values for each health category.

RRidhima Saxena
74% match
Loading thumbnail…

Scatter Plot - Insurance Charges by Age

This scatter plot visualizes insurance charges for individuals based on age, with each circle’s color indicating smoking status—red for smokers and black for non-smokers. The chart, rendered as SVG using D3 v6, loads data from a CSV file via `d3.csv`, applies linear scales via `d3.scaleLinear`, and uses `d3.axisLeft` and `d3.axisBottom` for axes. The code joins circles to data with `selectAll().data().join()` and sets fill opacity to 0.35.

RRaul Gamez
74% match
Loading thumbnail…

A5 Line Chart D3

This line chart displays the percentage of smokers in the United States from 1980 to 2012, comparing total, male, and female rates over time. It uses d3.csv to load data from smokersus.csv, d3.scaleBand and d3.scaleLinear for axes, and d3.line to generate three separate paths for each demographic group. Circles are drawn using SVG circle elements with hover tooltips created via appended title tags. The chart is rendered as an SVG element sized to the window dimensions, with color-coded points and lines for each category.

EEric Yao
74% match
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
73% match
Loading thumbnail…

A6 Diverging Bar Chart D3

This diverging bar chart visualizes the percentage-point change in smoking rates between 2011 and 2012 across five countries, with positive differences extending rightward in blue and negative differences leftward in red from a central zero axis. The chart uses D3.js v7 to load the CSV dataset, compute the absolute maximum difference for symmetric axis scaling, and render SVG rectangles with horizontal orientation. A d3-scale linear color scale maps negative to positive values through light grey, while the d3-legend plugin adds a horizontal color legend. Hovering highlights bars in orange, and the chart includes labeled axes for both percentage difference and country names.

EEric Yao
73% match
Loading thumbnail…

A4 Barchart D3

This bar chart tracks the percentage of total smokers in the United States from 1980 to 2012, revealing a steady decline over three decades. The visualization uses an SVG canvas rendered with D3.js v7, where bars are drawn using SVG `rect` elements scaled by a band scale on the x-axis and a linear scale on the y-axis. Data is loaded from a CSV file via `d3.csv` and axes are generated with `d3.axisBottom` and `d3.axisLeft`. Hovering changes bar color to orange, and tooltips show the exact percentage per year.

EEric Yao
73% match
Loading thumbnail…

A6 Barchart D3

This example visualizes the percentage of smokers in the United States from 1980 to 2012 using a vertical bar chart. Each bar’s height and color encode the recorded percentage value, with a sequential blue color scale mapped via `d3.scaleSequential` and `d3.interpolateBlues`. The chart includes axes, labels, a title, and a legend generated with the `d3-legend` library’s `d3.legendColor`. Data is loaded from a CSV file and rendered as SVG using D3 v7, with tooltips provided by appended `<title>` elements.

EEric Yao
72% match
Loading thumbnail…

Histogram of BMI by Age By Health Status

This histogram displays the average Body Mass Index across age groups for a selected health status. A dropdown menu toggles between Excellent, Very Good, Good, Fair, and Poor health categories, filtering the CDC dataset accordingly. The visualization uses D3 v7 with `d3.bin` to group ages and `scaleLinear` axes, rendered as SVG rectangles. React manages the component state, while BMI is calculated from weight and height using the formula weight/height² × 703. Axes include grid lines and rotated labels for readability.

RRidhima Saxena
72% match