146 docs tagged with "avalonia pro"

Represents structural changes across sequential stages using flowing bands between vertical node columns, similar to a Sankey diagram.

Adds contextual lines, bands, shapes, and text to charts for highlighting thresholds, milestones, or regions of interest.

Network visualization where nodes are placed linearly and connections are drawn as curved arcs, useful for showing relationships in ordered datasets.

Extends the line chart by filling the area under the line with color or gradients, emphasizing magnitude of change over time.

Displays a filled area connecting high and low values per category, suitable for visualizing uncertainty, price bands, or temperature ranges.

Customizes chart axes with label rotation, axis and tick styling, gridlines, multiple axes, and numerical, category, date, and logarithmic types.

Represents data using rectangular bars with lengths proportional to values, for comparing discrete quantities across categories.

Displays individual observations per category as non-overlapping dots, preserving point density without full jitter noise.

Graphical summary of data distribution showing the median, quartiles, and outliers using a box-and-whisker layout, useful for statistical comparisons.

Plots X and Y values like a scatter chart, with a third value encoded as bubble size.

Arranges sized bubbles in an organic packed layout without axes, useful for ranked categories and attention maps.

Overlays proportionally-sized circles on geographic regions to represent data values, showing both location and value magnitude simultaneously.

Shows a single performance measure against a target and qualitative ranges in a compact horizontal or vertical gauge.

Visualizes changes in rank over time, focusing on relative position of categories rather than absolute values.

Shows daily activity intensity in a calendar grid, useful for contribution histories, usage tracking, and habit streaks.

Displays open, high, low, and close prices per period using candle-shaped symbols, used for financial market price analysis.

Maps two independent variables and one dependent variable into a skewed grid, useful for engineering trade-off surfaces.

Avalonia Charts is a library of over 70 data visualization controls and patterns for dashboards, finance, analytics, and more.

Exports chart controls to PNG or JPEG files, PNG streams, or an interactive save dialog using asynchronous APIs.

Visualizes inter-relationships between entities in a circular layout, ideal for showing complex directional flows such as trade or migration patterns.

Shades geographic regions in proportion to a statistical variable, used to visualize data density, demographics, or market performance across territories.

Represents hierarchical data as nested circles, where larger circles contain smaller child circles, showing grouping and relative size at each level.

Visualizes a single value on a radial scale in a speedometer-style layout, suitable for real-time monitoring and goal tracking dashboards.

Adds syntax highlighting to code blocks rendered by the Markdown control, with ColorCode and TextMate implementations available as separate packages.

This control is available as part of Avalonia Pro or higher.

Combines multiple Cartesian series types on shared category axes, with optional support for a secondary Y-axis.

Displays 2D scalar fields as contour lines and optional filled bands, useful for surfaces, intensity maps, and interpolation.

Interactive guide lines that follow the cursor across a chart, enabling precise alignment of data points with axis labels for high-precision reading.

Displays actual data values directly on chart series elements, removing the need for users to estimate values from axis positions.

Tree diagram that illustrates hierarchical clustering by showing how items are progressively merged into branches, used in statistical and biological analysis.

Uses kernel density estimation to render a smooth distribution curve, with optional filled area under the curve.

Extends bars left and right from a baseline to compare positive and negative values or opposing responses.

Use FlowDocumentScrollViewer to display rich documents without editing. This guide covers setup, document loading, styling, layout, and common viewer patterns.

A variation of the pie chart with a blank center, often used to display a total value or label in the middle for improved readability.

Displays data points as simple dots along an axis, useful for comparing values across categories or showing frequency distributions.

Connects two values per category with a line and markers, useful for before-and-after or low-to-high comparisons.

Represents data variability by adding error indicators to data points, showing standard deviation, confidence intervals, or measurement uncertainty.

Visualizes a series of events chronologically along a time axis, providing a clear representation of historical or planned occurrences.

Learn how to programmatically expand and collapse rows in a hierarchical TreeDataGrid, respond to expand/collapse events, and implement lazy loading on demand.

The RichTextEditor is designed for extensibility at multiple levels. This guide covers patterns for extending functionality without modifying core code.

Learn how to filter rows in the Avalonia TreeDataGrid control using predicate functions, including multi-criteria, enum, null-safe, and hierarchical filtering patterns.

Container chart for financial series such as candlestick and OHLC, with shared axes and price grid rendering.

Visualizes hierarchical stack or call data from bottom to top, commonly used for profiling and trace analysis.

Visualizes workflows and decision trees as nodes and directed edges, with optional grouping and auto-layout.

Lays out network nodes using physical simulations to reveal clusters and structural relationships in complex interconnected data.

Visualizes the progressive reduction of data through a linear process, useful for identifying bottlenecks in pipelines.

Specialized timeline chart for project management, showing task durations, start and end dates, and dependencies on a horizontal time axis.

Displays a single value on a dial-style gauge with an arc fill and optional needle.

Draws multiple concentric progress rings, each representing a labeled value relative to a shared maximum.

Uses color-coded cells in a 2D matrix to represent data values, highlighting patterns, correlations, and outliers.

Visualizes data density across geographic coordinates using a color gradient, ideal for showing activity hot spots and concentration areas on a map.

Modified candlestick chart that uses averaged OHLC values to filter market noise and display smoothed trend direction compared with standard candlesticks.

Aggregates dense 2D point clouds into hexagonal bins, useful for visualizing concentration without overplotting.

Displays the high and low prices per period as vertical lines, providing a focused view of price volatility without open or close values.

Groups continuous data into bins and shows the frequency of data points within each bin to reveal distribution of a single variable.

Visualizes hierarchical data as adjacent rectangles per level, showing parent-child relationships for taxonomy and structural analysis.

Customize how the Markdown control loads and resolves images by implementing a custom MarkdownImageLoader and assigning it via a style on MarkdownImage.

This is a practical guide to implementing media playback in Avalonia applications using the Avalonia Pro MediaPlayer.

Represents hierarchies using a file-explorer-style indented layout within a charting container, supporting advanced styling and interactions.

Enables users to zoom, pan, select, hover-highlight, and inspect values with trackball guides in dense or interactive chart data.

Time-independent chart that tracks price movements using vertical lines, changing direction only when price exceeds a set reversal amount.

Displays critical business metrics in a focused format, combining a large value with a trend indicator and mini sparkline.

Identifies data series within a chart by label and color, supporting multiple positions, orientations, and optional interactive series toggling.

Connects data points with straight line segments on X and Y axes, ideal for showing trends over time or across categories.

Visualizes a value along a horizontal or vertical bar for comparing metrics or showing progress.

Represents a percentage as an animated liquid level within a circular shape, suited for thematic dashboards showing fill or capacity metrics.

Displays data as dots with thin stems connecting to the axis, combining the precision of dot plots with the visual anchoring of bar charts.

Render Markdown-formatted text using the Avalonia.Controls.Markdown control, built on the shared FlowDocument model with full DocumentNode styling, selection, streaming, and custom image loading.

The Markdown control is built on the shared FlowDocument model, where every rendered element (Paragraph, Section, Table, RichSpan, RichHyperlink, etc.) is a full Avalonia StyledElement. This means you can style Markdown output using two complementary approaches:

Symbols drawn at each data point in a series to help locate exact coordinates, with support for multiple shapes and customizable size and color.

Uses a grid to visualize boolean relationships between two categorical sets, showing whether a feature or state is present at each row/column intersection.

The MediaPlayer class provides the core functionality for media playback in Avalonia applications. It handles media

The MediaPlayerControl is a fully-featured UI control for media playback that provides transport controls, progress display, volume control, and video rendering. It encapsulates a MediaPlayer instance and provides a rich user interface for media playback.

The MediaSource class hierarchy provides an abstraction for different types of media content sources in Avalonia Pro MediaControls. This allows the media playback system to handle various content sources (files, URLs, streams) through a unified interface.

Combines variable-width columns with stacked segments to compare total size and internal composition.

Builds a mind map by arranging FlowChart nodes and links around a central topic.

Places two bar series back to back around a center line, useful for demographic and side-by-side comparisons.

Visualizes relationships between two categorical variables by scaling both the width and height of segments to represent their proportions of the total.

Displays nodes and edges in a static layout, suitable for infrastructure diagrams, dependency trees, and fixed structural visualizations.

Polar area chart with equal angles and variable radii, useful for comparing category magnitudes in a circular layout.

Uses the ShapeMap control with custom GeoJSON for non-geographic layouts such as seating plans, floor plans, or interactive venue arrangements.

Shows open, high, low, and close prices using vertical lines with horizontal ticks, a standard professional visualization for price data.

Represents organizational structure and reporting relationships in a hierarchical layout, showing positions, roles, and rank levels.

Displays sized bubbles packed tightly without axes, useful for proportional category comparisons in a compact area.

Visualizes multivariate records as lines across parallel axes, useful for comparing patterns across many dimensions.

Combines descending bars with a cumulative line to highlight the most significant factors, based on the 80/20 principle.

Displays seat distribution in a hemicycle layout, useful for legislative composition and proportional representation.

Performance tuning guide for RichTextEditor. Covers batch edits, event optimization, memory management, serialization, and profiling strategies.

Uses icons or symbols instead of plain bars, reinforcing the subject matter visually for infographics and thematic reports.

A circular chart divided into sectors to illustrate numerical proportions, most effective for showing part-to-whole relationships with few categories.

Uses columns of Xs and Os to represent price movements, filtering out time and focusing on trend reversals.

Similar to a pie chart but uses segment radius rather than angle to encode values, giving equal angular space to each category on a circular axis.

Plots arbitrary angle and radius values in a polar coordinate system, useful for spirals, rose curves, and directional data.

Shows two population distributions back to back by age band or another ordered category.

Uses FlowChart nodes and edges to visualize business workflows and decision trees.

Donut chart variant for showing progress toward a single 100% goal, used in dashboards and fitness apps.

Emphasizes both hierarchy and volume in a stacked triangular layout, commonly used for population and pipeline visualization.

Compares multiple quantitative variables across categories on a radial axis, used to visualize profiles and multi-dimensional performance comparisons.

Bar chart plotted on a polar coordinate system, offering a space-efficient circular layout for comparing categories or tracking multiple progress goals.

Plots data points on a polar coordinate system connected by lines, suitable for showing how a variable fluctuates across cyclical or directional categories.

Hierarchical layout where the root node is at the center and child nodes radiate outward in concentric rings, space-efficient for large trees.

Displays floating bars spanning a low-to-high range for each category, ideal for visualizing temperature ranges, price bands, or task durations.

Uses fixed-size bricks to represent price movements, filtering out time and minor volatility to clarify trends and support/resistance levels.

Avalonia.Controls.RichTextEditor is a rich text editing solution for Avalonia applications, offering functionalities for interactive text editing, document architecture and file serialization.

Stacks multiple distributions with controlled overlap, useful for comparing shape changes across groups or time.

Visualizes the flow of data, energy, or materials between stages using proportional-width links to represent quantity through each connection.

Plots data points as dots using two numeric variables to reveal correlations, distributions, and outliers in datasets.

Two selection modes are supported:

Displays proportional data in a 180-degree arc, popular for dashboard gauges and summary metrics where a full circle is not required.

Renders arbitrary geographic or custom shapes from GeoJSON, serving as the base for specialized maps and interactive custom region visualizations.

Compares values for multiple entities between exactly two points in time or categories, highlighting which entities increased, decreased, or stayed the same.

Visualizes complex impedance or admittance on a normalized reflection-coefficient grid for radio frequency and matching analysis.

How to enable, disable, and customize column sorting in the Avalonia TreeDataGrid control.

Small, minimalist charts without axes designed to show data trends in a compact space, suitable for embedding in tables, dashboards, or inline text.

Wraps a chronological sequence into a spiral to reveal both long-term trends and recurring cyclical patterns within the same visualization.

Displays a filled area beneath a smooth spline curve, combining the visual flow of spline charts with the volume emphasis of area charts.

Similar to a line chart but uses smooth polynomial curves to connect data points, giving a more organic appearance to trends.

Displays bars that always fill to 100%, showing the relative proportion of each series within a category rather than absolute values.

Stacks multiple area series on top of each other to show how several variables contribute to a cumulative total over time.

Stacks multiple data series in a single bar to compare both total values and internal component distribution across categories.

Connects data points using horizontal and vertical lines in a step pattern, representing values that remain constant between intervals.

Displays individual observations per category with controlled jitter, useful for raw-value comparison and mean overlays.

Visualizes hierarchical data as concentric rings, where each ring represents a level and segments show the proportion of each node within its parent.

Organizes tasks or processes into distinct horizontal lanes, showing ownership and sequence across departments, roles, or team members over time.

Combines tabular data with embedded visual cues such as color scales, suitable for dense reports requiring exact values.

Overlays SMA, EMA, WMA, Bollinger Bands, and other technical indicators on Cartesian charts to analyze trends and volatility in financial or time-series data.

Plots three-part compositions that sum to a constant. Useful for mixtures, resource splits, and categorical balance.

Builds a theme-river layout by stacking centered StackedAreaSeries instances in a Cartesian chart.

The RichTextEditor architecture uses immutable snapshots for background-safe serialization while requiring UI thread access for live document operations. This guide explains the threading model and safe patterns.

By default, RichTextEditor includes a primary toolbar, a selection mini-bar, and a right-click context menu. Each of these toolbars is built from the same basic system and can be customized independently. You can swap layouts, add your own tools, fine-tune the overflow menu, re-theme buttons, and more. This guide takes you through your customization options, from most common to most advanced.

Displays detailed information about data points on hover, with DataTemplate support for custom tooltip content.

Draws bidirectional horizontal bars around a center line, often used for sensitivity analysis and ranked comparisons.

The TreeDataGrid combines tree view and data grid functionality in a single control, displaying hierarchical and tabular data together. It supports two modes:

This document describes the breaking changes between TreeDataGrid 11.x and 12.x and

Visualizes hierarchical data as nested rectangles sized by value, useful for comparing proportions within categories such as disk usage or budgets.

Overlays calculated trend lines on Cartesian chart series to show patterns with linear, exponential, polynomial, logarithmic, and moving average types.

Displays bars showing positive and negative variance from a baseline, with distinct colors for values above and below the reference line.

Visualizes set overlap and intersection values, useful for comparing memberships and shared segments.

Combines a box plot with a kernel density estimate to show both the statistical summary and the probability distribution shape of data across categories.

The virtual keyboard component provides an on-screen keyboard for Avalonia applications. It is designed for touch-based or kiosk scenarios where physical keyboards may not be available, enabling text input through touchscreens or mouse clicks.

The VirtualKeyboard is a standalone control that provides an on-screen keyboard. This control can be manually placed in your application's layout. Unlike VirtualKeyboardScope, which automatically manages keyboard visibility based on focus, VirtualKeyboard is explicitly directed at a specific target input element.

A container control that automatically shows and hides the virtual keyboard based on input focus.

Visualizes percentages or proportions as a grid of squares, showing part-to-whole relationships and goal completion.

Shows a running total as values are added or subtracted, useful for visualizing how sequential positive or negative changes affect an initial value.

Shows directional frequency distributions as stacked polar sectors, useful for wind, traffic, and directional event analysis.

Represents text data by varying word size based on frequency or importance, providing a visual summary of qualitative content.