台灣歷年成人吸菸率

100%

台灣歷年成人吸菸率

✓ Published0🌍 Public

Last edited Jan 14, 2021

Created on Jan 13, 2021

This interactive bar chart visualizes Taiwan’s adult smoking rates from 2004 to 2016, broken down by age group and education level. Clicking the PLAY button animates the charts annually, showing how smoking peaks shift toward older age cohorts over time. A checkbox overlays data from five years earlier for comparison. The visualization uses d3.v5 with SVG rendering, leveraging d3.scaleBand and d3.scaleLinear for axes, and employs setInterval for the animation loop. Data is loaded from a remote CSV via d3.csv.

AI-generated description

MIT Licensed

Similar vizzes

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

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

68% match

Loading thumbnail…

A7 Line

This line chart, created with D3, visualizes the trend of smoking prevalence (as a percentage of total population) from 1980 onward across several Asian countries and the World. The x-axis encodes time using a time scale, while the y-axis maps the percentage of smokers. Each line represents a country, distinguished by color via an ordinal scale, with a legend included. The visualization uses a cleaned dataset from the CSV, filtering for countries like China, India, Pakistan, Sri Lanka, and the World, to compare smoking trends. The chart includes labeled axes, a title, and a legend, making it easy to compare the trajectories across these regions. The example demonstrates how to build a multi-series line chart with D3.js, including data loading, nested data grouping, scales, axes, and legends. The visualization is rendered in SVG.

RRavneet Singh Bhatia

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

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

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

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

65% match

Loading thumbnail…

A7 - Heatmap

This heatmap visualizes the trend of smoking population percentages across five countries (China, India, Pakistan, Sri Lanka, and the World) over time. Each cell represents a country-year combination, with color intensity mapped from white to red using a linear scale to indicate the percentage of smokers. The visualization includes a color legend titled "Smoking Population %" and provides interactive tooltips on hover, displaying the country, year, and exact percentage. The chart uses D3.js with SVG rendering, featuring labeled axes for year and country, and a smooth color gradient to highlight variations in smoking prevalence across the dataset.

RRavneet Singh Bhatia

65% match