Skip to main content

Tornado chart

info

Charts are available with Avalonia Pro.

Tornado charts place left and right bars around a shared center line, which keeps ranked side-by-side differences scannable.

When to use​

  • Sensitivity analysis: Rank which variables push a result most to the left or right.
  • Scenario comparison: Compare two opposing values across the same categories.
  • Priority review: Focus on the largest absolute differences first.

Code example​

XAML​

<charts:TornadoChart Title="Sensitivity drivers"
                       Height="320"
                       ItemsSource="{Binding TornadoData}"
                       LabelPath="Factor"
                       LeftValuePath="Downside"
                       RightValuePath="Upside" />

Data model (C#)​

public record TornadoFactor(string Factor, double Downside, double Upside);

public ObservableCollection<TornadoFactor> TornadoData { get; } = new()
{
    new("Demand", 18, 26),
    new("Price", 12, 20),
    new("Costs", 22, 14)
};

Common properties​

PropertyDescriptionDefault
ItemsSourceCollection of factors or categories.null
LeftValuePathPath to the left-side value.null
RightValuePathPath to the right-side value.null
LabelPathPath to the category label.null
LeftBrushBrush used for left bars.#E91E63
RightBrushBrush used for right bars.#2196F3
BarHeightBar height as a fraction of the row height.0.7
CenterGapGap between the two sides.4.0
IsHighlightEnabledEnables hover highlighting for tornado bars.false

See also​

On this page