Arcadia.Charts
1.0.0-beta.22
dotnet add package Arcadia.Charts --version 1.0.0-beta.22
NuGet\Install-Package Arcadia.Charts -Version 1.0.0-beta.22
<PackageReference Include="Arcadia.Charts" Version="1.0.0-beta.22" />
<PackageVersion Include="Arcadia.Charts" Version="1.0.0-beta.22" />
<PackageReference Include="Arcadia.Charts" />
paket add Arcadia.Charts --version 1.0.0-beta.22
#r "nuget: Arcadia.Charts, 1.0.0-beta.22"
#:package Arcadia.Charts@1.0.0-beta.22
#addin nuget:?package=Arcadia.Charts&version=1.0.0-beta.22&prerelease
#tool nuget:?package=Arcadia.Charts&version=1.0.0-beta.22&prerelease
<p align="center"> <strong>Arcadia.Charts</strong><br> <em>20 chart types + 7 dashboard widgets for Blazor — 244KB total, <12KB JavaScript runtime</em> </p>
Why Arcadia Charts?
- Native SVG rendering — chart geometry, axes, scales, and accessibility tables all render in C# directly into Blazor's render tree. A small (<12KB) JS module powers tooltips, resize observation, and pan/zoom. No npm, no webpack, no SPA framework.
- 244KB total — compare to Syncfusion (3MB+) or Telerik (1.5MB+)
- Responsive — charts fill their container automatically. Set
Width="0"and done. - Accessible — WCAG 2.1 AA: screen reader tables,
prefers-reduced-motion, keyboard nav
20 Chart Types
Line · Area · Bar · Stacked Bar · Pie · Donut · Scatter · Bubble · Candlestick · Radar · Gauge · Heatmap · Funnel · Treemap · Waterfall · Rose · Range Area · Box Plot · Sankey · Chord
4 base charts + 4 aliases are free forever (MIT). Pro adds 12 more for $299/dev/year.
60-Second Quick Start
dotnet add package Arcadia.Charts
dotnet add package Arcadia.Theme
Add to your App.razor <head>:
<link href="_content/Arcadia.Theme/css/arcadia.css" rel="stylesheet" />
<link href="_content/Arcadia.Charts/css/arcadia-charts.css" rel="stylesheet" />
Drop in a chart:
@using Arcadia.Charts.Core
@using Arcadia.Charts.Components.Charts
<ArcadiaLineChart TItem="Sale" Data="@sales"
XField="@(d => (object)d.Month)"
Series="@(new List<SeriesConfig<Sale>> {
new() { Name = "Revenue", Field = d => d.Revenue,
Color = "success", ShowArea = true, CurveType = "smooth" }
})"
Height="350" ShowPoints="true" />
What's Included
| Feature | Details |
|---|---|
| Streaming | AppendAndSlide for real-time data with slide animation |
| Export | PNG/SVG download toolbar on every chart |
| Crosshair | Vertical tracking line on hover |
| Annotations | Mark events, thresholds, targets on the chart |
| Trendlines | Linear regression and moving average overlays |
| Click events | OnPointClick returns item + index + series context |
| Custom tooltips | TooltipTemplate for rich HTML hover content |
| ObservableCollection | Live data binding with 16ms debounce — no StateHasChanged needed |
| Dark/Light | Full theme support via CSS custom properties |
| Smooth curves | Catmull-Rom interpolation for elegant lines |
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net5.0 is compatible. net5.0-windows was computed. net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 10.0.0-preview.4.25258.110)
- Microsoft.AspNetCore.Components.Web (>= 10.0.0-preview.4.25258.110)
-
net5.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 5.0.17)
- Microsoft.AspNetCore.Components.Web (>= 5.0.17)
-
net6.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 6.0.36)
- Microsoft.AspNetCore.Components.Web (>= 6.0.36)
-
net7.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 7.0.20)
- Microsoft.AspNetCore.Components.Web (>= 7.0.20)
-
net8.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 8.0.12)
- Microsoft.AspNetCore.Components.Web (>= 8.0.12)
-
net9.0
- Arcadia.Core (>= 1.0.0-beta.22)
- Microsoft.AspNetCore.Components (>= 9.0.0)
- Microsoft.AspNetCore.Components.Web (>= 9.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 1.0.0-beta.22 | 77 | 5/20/2026 |
| 1.0.0-beta.21 | 99 | 4/4/2026 |
| 1.0.0-beta.19 | 72 | 3/30/2026 |
| 1.0.0-beta.18 | 74 | 3/30/2026 |
| 1.0.0-beta.17 | 67 | 3/29/2026 |
| 1.0.0-beta.16 | 69 | 3/29/2026 |
| 1.0.0-beta.15 | 72 | 3/29/2026 |
| 1.0.0-beta.13 | 65 | 3/27/2026 |
| 1.0.0-beta.12 | 62 | 3/27/2026 |
| 1.0.0-beta.11 | 64 | 3/26/2026 |
| 1.0.0-beta.10 | 67 | 3/26/2026 |
| 1.0.0-beta.9 | 63 | 3/26/2026 |
| 1.0.0-beta.8 | 68 | 3/24/2026 |
| 1.0.0-beta.7 | 71 | 3/24/2026 |
| 1.0.0-beta.6 | 67 | 3/24/2026 |
| 1.0.0-beta.5 | 64 | 3/24/2026 |
| 1.0.0-beta.4 | 64 | 3/24/2026 |
| 1.0.0-beta.3 | 65 | 3/23/2026 |
| 1.0.0-beta.2 | 64 | 3/23/2026 |
https://arcadiaui.com/docs/charts — Full documentation with per-chart pages.
beta.15: SyncGroup for linked charts, 4 financial indicators (SMA/EMA/Bollinger/RSI), rubber band zoom, streaming animation improvements, WCAG AA contrast fixes.