Skip to main content

Parallel coordinate chart

info

Charts are available with Avalonia Pro.

Parallel coordinate charts map each record across a sequence of vertical axes so multi-dimensional patterns and outliers can be compared in one view.

When to use​

  • Multivariate comparison: Compare several numeric dimensions for each item.
  • Pattern detection: Spot outliers, clusters, and dominant shapes across metrics.
  • Model diagnostics: Inspect how records vary across many inputs at once.

Code example​

XAML​

<charts:ParallelCoordinatesChart Title="Vehicle comparison"
                                           Height="320"
                                           ItemsSource="{Binding Vehicles}">
    <charts:ParallelCoordinatesChart.Axes>
        <charts:ParallelAxis Header="Power" ValuePath="Power" Minimum="0" Maximum="400" />
        <charts:ParallelAxis Header="Range" ValuePath="Range" Minimum="0" Maximum="600" />
        <charts:ParallelAxis Header="Efficiency" ValuePath="Efficiency" Minimum="0" Maximum="100" />
    </charts:ParallelCoordinatesChart.Axes>
</charts:ParallelCoordinatesChart>

Data model (C#)​

public record VehicleStats(double Power, double Range, double Efficiency);

public ObservableCollection<VehicleStats> Vehicles { get; } = new()
{
    new(220, 480, 76),
    new(310, 420, 64),
    new(180, 520, 82)
};

Common properties (ParallelCoordinatesChart)​

PropertyDescriptionDefault
AxesContent collection of ParallelAxis definitions.Empty collection
ItemsSourceCollection of multivariate records.null
BrushPathOptional path to an IBrush or color string used for each line.null
LegendLabelPathOptional path used for legend labels.null
StrokeThicknessThickness of the data lines.2.0
CurveTensionTension value for curved lines.0.0

Common properties (ParallelAxis)​

PropertyDescriptionDefault
HeaderAxis title.null
ValuePathPath to the value bound to this axis.null
MinimumMinimum value of the axis scale.0.0
MaximumMaximum value of the axis scale.100.0

See also​

On this page