Delta Chart
Visualize before-and-after comparisons for multiple entities with colored direction indicators. Each entity shows a "from" and "to" value connected by a bar, with green/red coloring to indicate positive or negative change. Ideal for year-over-year comparisons, goal tracking, and impact analysis.
Examples
When to Use
- Comparing metrics before and after an intervention or time period
- Year-over-year revenue, cost, or performance changes by region or department
- Goal vs. actual tracking across multiple categories
- Visualizing the magnitude and direction of change simultaneously
Data Roles
Build These Examples
Which columns go in which field wells. Categories + Previous value + Current value are the minimum; binding Color by swaps automatic direction coloring for one color per group, and Size by scales the endpoint markers.
Settings
Transition Appearance
Positive Color
colorColor for entities with positive change (from < to).
Default:#16A34ANegative Color
colorColor for entities with negative change (from > to).
Default:#DC2626Neutral Color
colorColor for entities with no change.
Default:#64748BMin Radius
numberMinimum flat tick length for value endpoints.
Default:12Max Radius
numberMaximum flat tick length for value endpoints.
Default:36Bar Width
numberWidth of the connecting bar between from and to values.
Default:3Labels
Show Value Labels
booleanDisplay numeric values inside the endpoint markers.
Default:trueShow Change Overlay
booleanDisplay delta values on the connecting bar.
Default:trueCommon settings like Tooltip and Axis configuration are covered in Shared Concepts.
Tips & Best Practices
- Green/red coloring automatically indicates positive/negative transitions -- customize colors in Transition settings
- Use the Order field to control entity sort order instead of relying on data order
- Enable "Show Change Overlay" to display delta values directly on the connecting bar