Skip to main content

Bubble cloud chart

info

Charts are available with Avalonia Pro.

Bubble cloud charts place bubbles in a clustered, non-axis layout where size carries the main quantitative meaning.

When to use​

  • Category emphasis: Show which categories dominate without needing precise axes.
  • Attention maps: Surface important topics, segments, or products in a compact visual.
  • Dashboard tiles: Add a more organic alternative to bars or tables.

Code example​

XAML​

<charts:BubbleCloud Title="Topic volume"
                      Height="320"
                      ItemsSource="{Binding Topics}"
                      LabelPath="Name"
                      ValuePath="Count" />

Data model (C#)​

public record TopicBubble(string Name, double Count);

public ObservableCollection<TopicBubble> Topics { get; } = new()
{
    new("Support", 120),
    new("Billing", 75),
    new("Shipping", 55)
};

Common properties​

PropertyDescriptionDefault
ItemsSourceCollection of bubble items.null
LabelPathPath to the bubble label.null
ValuePathPath to the value used for bubble size.null
MinBubbleSizeMinimum bubble radius in pixels.30.0
MaxBubbleSizeMaximum bubble radius in pixels.80.0
IsHighlightEnabledEnables hover highlighting for bubbles.false

See also​

On this page