Skip to content

spec: add bar-stacked-labeled specification#3507

Merged
github-actions[bot] merged 1 commit intomainfrom
specification/bar-stacked-labeled
Jan 9, 2026
Merged

spec: add bar-stacked-labeled specification#3507
github-actions[bot] merged 1 commit intomainfrom
specification/bar-stacked-labeled

Conversation

@github-actions
Copy link
Copy Markdown
Contributor

@github-actions github-actions Bot commented Jan 9, 2026

New Specification: bar-stacked-labeled

Related to #3504


specification.md

bar-stacked-labeled: Stacked Bar Chart with Total Labels

Description

A stacked bar chart that displays multiple data series stacked on top of each other with total value labels prominently shown above each bar stack. This variant combines part-to-whole visualization with explicit numerical annotations, making it easy to read both individual segment contributions and cumulative totals at a glance. The total labels eliminate the need for mental arithmetic when comparing overall values across categories.

Applications

  • Comparing quarterly sales by product line with clear total revenue figures for executive presentations
  • Displaying project budget breakdowns by task category with visible total costs for each project phase
  • Visualizing survey response distributions with total respondent counts labeled for each question

Data

  • category (categorical) - Labels for each bar group on the x-axis (e.g., quarters, departments, regions)
  • component (categorical) - The different series being stacked within each bar (e.g., product lines, cost types)
  • value (numeric) - Size of each segment representing the measured quantity
  • Size: 3-8 categories with 2-5 stacked components recommended for readability
  • Example: Quarterly revenue by product category, department expenses by cost type

Notes

  • Total labels should be placed directly above each complete bar stack with clear formatting
  • Use a consistent number format for labels (e.g., rounded integers, one decimal place, or with units)
  • Ensure adequate vertical space above the tallest bar for label placement
  • Consider using a slightly larger or bold font for total labels to distinguish from segment labels
  • Segment labels within the bars are optional but can enhance readability for larger segments

Next: Add approved label to the issue to merge this PR.


🤖 spec-create workflow

@github-actions github-actions Bot merged commit d42de9b into main Jan 9, 2026
4 checks passed
@github-actions github-actions Bot deleted the specification/bar-stacked-labeled branch January 9, 2026 15:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants