[bubble-packed] Basic Packed Bubble Chart

[MarkusNeusinger]

Description

A packed bubble chart displays data as circles where size represents value, and circles are packed together without overlap using physics simulation. Unlike scatter plots, position has no meaning - only size and grouping matter.

Key Features

• Circle size proportional to value
• Circles packed to minimize empty space
• Can be grouped by category with force clustering
• Efficient use of space for size comparison

Applications

• Comparing values across many categories
• Budget and spending visualization
• Market share comparison
• Portfolio or inventory composition

Data Requirements

• label (categorical) - Category names
• value (numeric) - Size values
• Optional: group (categorical) - For clustering
• Size: 10-100 items typical

Visual Elements

• Circles sized by value
• Packed together without overlap
• Labels inside or beside circles
• Color coding by category or group
• Optional: grouped clusters with spacing

[claude]

✅ Spec ID: bubble-packed

Rationale: Packed bubble charts use physics-based packing where position has no meaning (unlike bubble-basic which extends scatter plots with x/y positioning). This is a distinct visualization type for comparing values through circle size.

Add label approved to begin generation.

[github-actions]

✅ Specification Ready: bubble-packed

PR: #1007

---

specification.md

bubble-packed: Basic Packed Bubble Chart

Description

A packed bubble chart displays data as circles where size represents value, and circles are packed together without overlap using physics simulation. Unlike scatter or traditional bubble charts, position has no meaning - only size and optional grouping matter. This visualization efficiently uses space for comparing values across many categories.

Applications

• Budget and spending visualization: comparing department expenditures where circle size shows amount
• Market share comparison: visualizing competitor sizes within an industry
• Portfolio composition: displaying asset allocation or inventory breakdown
• Categorical value comparison: showing values across many categories where ranking and proportion matter

Data

• label (categorical) - Category or item names
• value (numeric) - Size values determining circle area
• group (categorical, optional) - For clustering related items together
• Size: 10-100 items recommended for clear visualization
• Example: Synthetic data representing category values

Notes

• Scale circle sizes by area (not radius) for accurate visual perception
• Use force simulation to pack circles without overlap
• Labels can be placed inside circles (if large enough) or as tooltips
• Color can encode category or group membership
• Optional grouping clusters related circles with spacing between groups

---

Next: Add approved label to merge this specification to main.

---

🤖 spec-create workflow

[github-actions]

🚀 Specification Merged!

Specification: bubble-packed
PR: #1007 (merged)

The specification is now in main and synced to PostgreSQL.

---

Next: Add generate:{library} labels to start generating implementations.

Available libraries: matplotlib, seaborn, plotly, bokeh, altair, plotnine, pygal, highcharts, letsplot

Or use workflow dispatch for bulk operations.

---

🤖 spec-create workflow