Skip to main content

Spiral timeline

info

Charts are available with Avalonia Pro.

Spiral timelines visualize data that has both a strong sequential component and a cyclical pattern. By wrapping the timeline into a spiral, long-term trends and short-term repetitions become visible.

Spiral timeline chart wrapping chronological data into an outward spiral to show both long-term trends and cyclical patterns.

When to use

  • Long-term cyclical data: Visualizing annual climate changes over several decades.
  • System logs: Detecting patterns in server activity across weeks or months.
  • Biological rhythms: Showing sleep patterns or activity cycles over time.

Code example

XAML

<charts:SpiralTimeline Name="SpiralTimelineSample"
Title="Annual Events"
Height="400"
ItemsSource="{Binding SpiralEvents}"
ValuePath="Value"
LabelPath="Event" />

Data model (C#)

using System;

public record SpiralEvent(DateTime Date, string Event, double Value);

public ObservableCollection<SpiralEvent> SpiralEvents { get; } = new()
{
new(new DateTime(2024, 1, 1), "New Year", 1.0),
new(new DateTime(2024, 3, 20), "Spring", 2.0),
new(new DateTime(2024, 6, 21), "Summer", 3.0),
new(new DateTime(2024, 9, 22), "Autumn", 2.0),
new(new DateTime(2024, 12, 21), "Winter", 1.0)
};

Common properties

PropertyDescriptionDefault
ItemsSourceThe collection of points on the spiral.null
DatePathPath to the chronological property.null
ValuePathNumerical property determining point size/color.null
LabelPathPath to the text label for each point.null
TurnsNumber of turns in the spiral.3.0
InnerRadiusInner radius of the spiral.30.0
MarkerSizeSize of the data point markers.8.0