render_dumbbell_chart
Visualize before-and-after comparisons using connected dots to highlight gaps between values, with scale labels and background zones for context.
Instructions
Render a dumbbell chart - 'How big is the gap?' Before/after dots connected by a bar. Supports scale labels and background zones for absolute positioning context.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| title | Yes | Chart title | |
| data | Yes | Array of {label, before, after} items | |
| beforeLabel | No | Label for 'before' column (default: Before) | |
| afterLabel | No | Label for 'after' column (default: After) | |
| unit | No | Unit suffix | |
| scaleLabels | No | Labels at scale positions, e.g. {'40': 'Engineer', '65': 'Sr. Engineer'} | |
| zones | No | Background zone thresholds (same as bullet chart zones) | |
| zoneColors | No | Custom colors per zone band | |
| zoneLabels | No | Labels for each zone band | |
| theme | No | Theme preset: boardroom, corporate, sales-floor, golden-treasury, clinical, startup, ops-control, tokyo-midnight, zen-garden, consultant, black-tron, black-elegance, black-matrix, forest-amber, forest-earth, sky-light, sky-ocean, sky-twilight, gray-hf, gray-copilot | |
| palette | No | Override palette only (mix-and-match) | |
| typography | No | Override typography: professional, luxury, cyberpunk, editorial, mono, bold, system, techno | |
| effects | No | Override effects: none, subtle, shimmer, neon, energetic |