Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

029e385c3cdc45969462f1ca650070d4

Stylized Bar Chart

0 stars1🌍 Public
CChen Ding
Last edited Oct 24, 2019
Created on Sep 26, 2019
Forked from Stylized Bar Chart

This bar chart displays suicide statistics across demographic generations, with a horizontal bar for each generation (from Boomers to Generation Z) sized by suicide count. The visualization uses React with D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, rendering bars as SVG `<rect>` elements with native tooltips. Data comes from a CSV file loaded via `d3.csv`, formatted with `d3.format` for tick labels. A Poppins font and orange styling give the chart a clean, modern look.

AI-generated description

Description

A program of bar charts that shows the suicide statistics versus demographic generation.

Questions and Answers

Generation X is the demographic cohort follwing the baby boomer and preceding the Millennials. Typically, generation X refers to birth year ranging from early-to-mid 1960s to the early 1980s.

Data Sources

Data: Suicide Rates Overview