Smoking rate in United states

100%

Smoking rate in United states

✓ Published0🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

This visualization displays smoking rates across United States, with states plotted along the x-axis against their corresponding smoking rates on the y-axis. The data, sourced from a GitHub gist, is visualized as an orange line chart with a curved basis spline. The chart is built using d3.v5, leveraging the `line`, `scaleLinear`, `axisBottom`, and `axisLeft` functions to construct the axes and the line path. The SVG rendering includes axis labels and a title, with the line styled using a custom CSS class.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

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

75% match

Loading thumbnail…

Untitled

This interactive visualization maps the U.S. daily cigarette smoking rate from 1996 to 2012 across counties, showing changes over time through a choropleth map with a slider. A tooltip displays each county’s 1996 and 2012 rates along with the change. The visualization uses D3 v4’s `d3.geo` module with the Albers USA projection, `d3.nest` for data organization, and `d3.scale.threshold` for color coding, rendering SVG paths for counties and states. Data comes from the Institute for Health Metrics and Evaluation.

Ddexuzi

74% 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…

ICE6Rinoj Bar Graph

A horizontal bar chart displays smoking rates across twelve U.S. states, with a pink rectangle for each state scaled by its rate. The visualization is built with React and rendered as SVG, using d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Data is loaded asynchronously via d3.csv from a GitHub gist, and axes are drawn manually with grid lines. The chart includes a title and visual emphasis through colored bars, with tick labels generated by d3's scale methods.

RRinoj-Gautam

72% 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…

Fork of Pie Chart_Rinoj Gautam

This example visualizes the smoking rates of the top 10 US states using a pie chart rendered with SVG. The chart uses D3 v5 to load CSV data from a GitHub gist, sorted in descending order, and encodes each state’s rate as a pie segment. Legends display each state name and its percentage value. The code leverages `d3.csv`, `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` for data loading, layout, and color mapping, with hover events logging values to the console.

RRinoj-Gautam

71% match

Loading thumbnail…

multi-line Chart in D3

This multi-line chart visualizes the average daily cigarette consumption among smokers in the top five countries from 1980 to 2012, using data from the CORGIS smoking dataset. The chart displays five distinct colored lines, one per country, with dots marking individual yearly data points. Built with D3 v7, the visualization employs `d3.csv` to load data, `d3.group` to organize by country, and `d3.scaleLinear` for both axes. The color scale uses a ColorBrewer qualitative scheme, while the legend is generated using the d3-legend library's `d3.legendColor` function. The SVG rendering includes labeled axes and a title.

EEunice Tu

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

70% match