[{"_1":2,"_144":-5,"_145":-5},"loaderData",{"_3":4,"_112":113},"layouts/marketing",{"_5":6},"footerColumns",[7,30,49,70,94],{"_8":9,"_10":11},"title","Platforms","links",[12,18,21,24,27],{"_13":14,"_15":16,"_17":-7},"label","Windows","href","/platforms/windows","external",{"_13":19,"_15":20,"_17":-7},"macOS","/platforms/macos",{"_13":22,"_15":23,"_17":-7},"Linux","/platforms/linux",{"_13":25,"_15":26,"_17":-7},"iOS & Android","/platforms/mobile",{"_13":28,"_15":29,"_17":-7},"WebAssembly","/platforms/webassembly",{"_8":31,"_10":32},"For Developers",[33,37,40,43,46],{"_13":34,"_15":35,"_17":36},"Documentation","https://docs.avaloniaui.net",true,{"_13":38,"_15":39,"_17":36},"Samples","https://docs.avaloniaui.net/docs/tutorials/samples",{"_13":41,"_15":42,"_17":36},"GitHub","https://github.com/avaloniaui",{"_13":44,"_15":45,"_17":-7},"App Showcase","/showcase",{"_13":47,"_15":48,"_17":-7},"Customer Portal","https://portal.avaloniaui.net",{"_8":50,"_10":51},"Company",[52,55,58,61,64,67],{"_13":53,"_15":54,"_17":-7},"About","/about",{"_13":56,"_15":57,"_17":-7},"Blog","/blog",{"_13":59,"_15":60,"_17":-7},"FAQ","/faq",{"_13":62,"_15":63,"_17":-7},"Handbook","/handbook",{"_13":65,"_15":66,"_17":-7},"Contact","/contact",{"_13":68,"_15":69,"_17":-7},"Careers","/careers",{"_8":71,"_10":72},"Products",[73,76,79,82,85,88,91],{"_13":74,"_15":75,"_17":-7},"Avalonia","/platforms",{"_13":77,"_15":78,"_17":-7},"Avalonia XPF","/xpf",{"_13":80,"_15":81,"_17":-7},"Accelerate","/accelerate",{"_13":83,"_15":84,"_17":-7},"Enhanced Support","/support",{"_13":86,"_15":87,"_17":-7},"Orgs using Avalonia","/organisations",{"_13":89,"_15":90,"_17":-7},"For Startups","/startups",{"_13":92,"_15":93,"_17":-7},"Professional Services","/services",{"_8":95,"_10":96},"Community",[97,100,103,106,109],{"_13":98,"_15":99,"_17":-7},"Content Creators","/content-creators",{"_13":101,"_15":102,"_17":-7},"MVPs","/mvps",{"_13":104,"_15":105,"_17":-7},"Accelerate Community","/accelerate/community",{"_13":107,"_15":108,"_17":-7},"Sustainable Open Source","/sustainability",{"_13":110,"_15":111,"_17":-7},"Sponsorship","/sponsorship","routes/blog/author",{"_114":115,"_123":124},"author",{"_116":117,"_118":119,"_120":121,"_8":122},"id","7","name","Javier Suárez","avatar","https://cms.avaloniaui.net/assets/5db47404-8e31-4a74-92c2-ea8e614efef4?width=80&quality=92&format=webp","Software Developer","posts",[125],{"_116":126,"_127":128,"_8":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_114":115,"_140":141,"_142":143},"79","slug","charts","Avalonia Charts: Data Visualization That Belongs in Avalonia","excerpt","Announcing Avalonia Charts, a comprehensive charting library for Avalonia applications across desktop, mobile, and WebAssembly.","content","Today we are releasing Avalonia Charts, a comprehensive charting library built specifically for Avalonia applications.\n\n## Why Charts Are Part of the Product\n\nGood software does more than accept input and store data. It helps people understand what is happening, what changed, what is drifting, and what needs attention before they have to dig through logs or exported reports.\n\nMost users do not make decisions from raw values. They make decisions from patterns. A manufacturing team needs to see a temperature trend before it becomes a fault. A finance team needs to spot a revenue shift before the quarterly report is finished. A support team needs to see an incident spike while it is still happening. A product team needs to understand where users drop out of a flow without reading thousands of rows of event data.\n\nCharts are how applications create that feedback loop. In many products, they are the interface to the most important data in the system.\n\n## What Avalonia Charts Is\n\nAvalonia Charts is a native charting library covering more than 70 chart types across 22 categories, with 32 series types and four axis types.\n\nThe core set covers what most applications need: Cartesian charts, line, bar, and area charts, scatter and bubble charts, pie and donut charts, gauges, heatmaps, financial charts, dashboard components, maps, polar charts, and comparison charts. For more specialized requirements, the library also includes chord diagrams, alluvial charts, treemaps, dendrograms, calendar heatmaps, swimlanes, network charts, word clouds, statistical plots, and financial types including Heikin-Ashi, Kagi, Renko, and Point and Figure. Series types cover the expected (line, bar, area, bubble, histogram, box plot) and the less obvious ones that professional applications regularly need: waterfall, lollipop, dot plot, stream graph, and error bar. The full list is in the [documentation](https://docs.avaloniaui.net/controls/data-display/charts).\n\nThat breadth reflects the way real Avalonia applications are built. A product may ship a revenue dashboard today, add a diagnostic heatmap the next quarter, and need a timeline or Gantt view after that. The library is designed to cover all those requirements.\n\n![Cartesian charts sample](https://cms.avaloniaui.net/assets/223e8cc0-594f-49c6-abbb-89cea346c3da)\n\n![](https://cms.avaloniaui.net/assets/517a0fb0-f713-4431-95c9-53ad4ccd4c82)\n\n![](https://cms.avaloniaui.net/assets/6e6b6cda-b20f-4e41-b3e2-ce69ad1037a9)\n\n## Built for Avalonia\n\nAvalonia Charts is built on the same foundations as the framework itself: the same rendering pipeline, layout system, text measurement, and theming model. It binds, styles, and behaves exactly like any other Avalonia control, because it is one. That matters because charting controls have a demanding job. They redraw under interaction, respond to live data, rotate dense label sets, and export to files, and they have to do all of that consistently across every platform Avalonia supports.\n\nAvalonia is used in a wide range of serious professional applications, and they do not all visualize data the same way. A trading desk needs something very different from a factory floor monitoring system, which needs something very different from a project planning tool or a product analytics dashboard. Telemetry systems need map layers and real-time streams. Financial platforms need candlesticks, technical overlays, and dense time-series views. Engineering workstations need gauges, diagnostic heatmaps, and trend lines.\n\nAvalonia Charts covers that range in a single library, on every platform, behaving like the rest of the framework throughout.\n\n## Key Capabilities\n\n### Axes, Scales, and Layout\n\nReal-world data rarely fits neatly on a single axis with clean label spacing. Avalonia Charts handles the cases that actually come up: mixed scales with dual axes, logarithmic and date/time ranges alongside categorical ones, and dense datasets where axis labels would otherwise collide. That last case the library resolves automatically. Plot bands, scale breaks, and gridline control give enough layout flexibility that the chart can reflect the structure of the data rather than forcing the data into a fixed visual template.\n\n![](https://cms.avaloniaui.net/assets/f5d475bb-64fa-4de1-8cef-27e2aedf20a9)\n\n![](https://cms.avaloniaui.net/assets/effb9490-be33-4d75-8912-afcb02cbcae2)\n\n### Interactivity\n\nUsers do not just look at charts. They inspect specific points, compare values, zoom into periods of interest, filter by legend, and export what they see for a report or a presentation. Avalonia Charts is built around that reality: selection, tooltips, crosshairs, trackball, zoom and pan, range selection, and legend interaction are all standard behavior, not add-ons.\n\nFor applications feeding live data, updates are handled efficiently without manual intervention. And when the chart needs to leave the screen entirely, high-resolution PNG and JPEG export covers standard reporting, while stream export handles server-side and headless pipelines.\n\n### Analytics\n\nData rarely speaks for itself. Trendlines, moving averages, annotations, and technical indicators give charts the analytical context that turns a plotted series into something a user can act on. Avalonia Charts includes all of these as part of the library, layered directly onto any chart without a separate control or custom rendering code.\n\n![Zoom and pan sample](https://cms.avaloniaui.net/assets/18400905-1696-4b14-9938-d5cf1d700643)\n\n![Trackball sample](https://cms.avaloniaui.net/assets/e061a6bf-bfd8-472d-96a3-c089bdd13894)\n\n### Financial and Specialized Charts\n\nFor the applications that need them, the library includes specialized charts.\n\nFinancial applications have a specific problem: the same price data looks different depending on what question a trader or analyst is trying to answer. Raw session data, smoothed trends, and pure price movement without the noise of time are three different views of the same underlying series, and each one reveals something the others obscure. That is why Heikin-Ashi, Kagi, Renko, and Point and Figure exist alongside candlestick and OHLC rather than replacing them. Technical overlays work the same way: a moving average or an RSI panel is part of reading a financial chart, not a separate analytical tool sitting next to it, and Avalonia Charts treats it that way.\n\nEngineering, scientific, and quality control applications often need to understand how data is distributed, not just what it averages to. A mean hides outliers. A trend line hides variance. Box plots, histograms, error bars, and dot plots are the charts that show what is actually happening across a dataset rather than smoothing it into a single value, which is why they matter in any application where measurement reliability or process variation is part of what users are working with.\n\nProduct, analytics, and business intelligence teams frequently need to show how things move through a system rather than how they accumulate over time. Where does volume come from, where does it go, and where does it drop off? Sankey and alluvial charts answer the first question. Funnel charts answer the second. Chord diagrams show the relationships between categories. Treemaps and dendrograms reveal composition and hierarchy. Waterfall charts make incremental contributions to a total readable at a glance. These are the charts that business reporting reaches for when a line chart cannot capture the shape of what happened.\n\nGeographic data is rarely just about location. A map that only shows where something is tells a fraction of the story. Choropleth fills add a quantitative dimension across regions. Bubble and heatmap layers add density and intensity. Combining them means a single view can carry multiple dimensions of data at once, which is what telemetry dashboards, logistics tools, and infrastructure monitoring systems actually need. GeoJSON support means the geographic boundaries can be whatever the application requires rather than what a predefined region set allows.\n\nPlanning and scheduling tools have a different challenge: the primary thing users need to understand is not a value but a structure. What is happening, in what order, for how long, and who is responsible for it. Gantt charts and swimlanes communicate that structure directly. Calendar heatmaps show how activity distributes across time at a glance. These are not charts about measuring something but about making the shape of work visible.\n\n![Financial charts sample](https://cms.avaloniaui.net/assets/96e95e4d-f876-4f6c-9b18-dd1b564c940e)\n\n![Map charts sample](https://cms.avaloniaui.net/assets/54cfc56d-82e1-4ead-a8a8-135b33cd7d91)\n\n![Flow charts sample](https://cms.avaloniaui.net/assets/de3b0c26-fb89-4535-aebc-a7d64053dac2)\n\n## Charts and AI Workflows\n\nWe are shipping an Avalonia Charts MCP server alongside the library.\n\nThe MCP server exposes chart generation tools that AI coding assistants can call directly inside a development workflow. It understands Avalonia Charts' full API, covering series types, axis configurations, palettes, and interactivity options, and returns working C# and XAML alongside a rendered preview.\n\nThat means a developer can describe what they want to communicate, whether that is a revenue breakdown, a funnel, a candlestick chart for a given date range, or a compact diagnostic dashboard, and the assistant produces accurate, runnable Avalonia Charts code rather than a generic description of what a chart might look like. The rendered preview comes back in the same turn, so the iteration loop is tight: describe, generate, inspect, refine.\n\nAI assistants are only useful in a development workflow when they understand the framework deeply enough to produce correct code. Charts are a natural fit for that model because the gap between knowing what you want to show and knowing the exact API call to produce it is precisely where AI assistance has the most leverage.\n\n![Avalonia Charts MCP showcase](https://cms.avaloniaui.net/assets/7cc193f7-52de-45af-99f1-5bb9d7d2eb15)\n\n## Availability and Licensing\n\nAvalonia Charts is included with Avalonia's Pro subscription tier. You can see the current plans on the [Avalonia pricing page](https://avaloniaui.net/pricing).\n\n## Get Started\n\nInstall the package:\n\n```bash\ndotnet add package Avalonia.Controls.Charts\n```\n\nAdd the chart theme:\n\n```xml\n\n \n \n\n```\n\nThen add a chart like any other Avalonia control:\n\n```xml\n\n \n \n \n \n\n \n \n \n\n \n \n \n \n\n```\n\nAnd bind it to ordinary view model data:\n\n```csharp\npublic sealed class SalesViewModel\n{\n public IReadOnlyList Revenue { get; } =\n [\n new(\"Q1\", 125000),\n new(\"Q2\", 148000),\n new(\"Q3\", 171000),\n new(\"Q4\", 193000)\n ];\n}\n\npublic sealed record SalesPoint(string Quarter, double Amount);\n```\n\nThe full documentation, sample gallery, and MCP server setup guide are available in the [Avalonia Charts docs](https://docs.avaloniaui.net/controls/data-display/charts).\n\nAvalonia applications handle demanding requirements across every platform. Now they have the charts to match.","category","News","coverImage","https://cms.avaloniaui.net/assets/8be411f3-66fb-4775-a339-78ce806028ac?width=800&quality=92&format=webp","coverImageSocial","https://cms.avaloniaui.net/assets/8be411f3-66fb-4775-a339-78ce806028ac?width=1200&quality=85&format=jpg","publishedAt","2026-05-12T16:36:00","updatedAt","2026-05-12T14:56:51.535Z","actionData","errors"]

Javier Suárez

Posts by Javier Suárez

Avalonia Charts: Data Visualization That Belongs in Avalonia