Syncfusion.Blazor.Chart3D 33.1.45

Prefix Reserved
dotnet add package Syncfusion.Blazor.Chart3D --version 33.1.45
                    
NuGet\Install-Package Syncfusion.Blazor.Chart3D -Version 33.1.45
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Syncfusion.Blazor.Chart3D" Version="33.1.45" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Syncfusion.Blazor.Chart3D" Version="33.1.45" />
                    
Directory.Packages.props
<PackageReference Include="Syncfusion.Blazor.Chart3D" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Syncfusion.Blazor.Chart3D --version 33.1.45
                    
#r "nuget: Syncfusion.Blazor.Chart3D, 33.1.45"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Syncfusion.Blazor.Chart3D@33.1.45
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Syncfusion.Blazor.Chart3D&version=33.1.45
                    
Install as a Cake Addin
#tool nuget:?package=Syncfusion.Blazor.Chart3D&version=33.1.45
                    
Install as a Cake Tool

Syncfusion® Blazor 3D Chart Component

The Syncfusion® Blazor 3D Chart Component enables interactive 3D data visualization in Blazor applications. Visualize complex relationships and trends with depth, enhancing data comprehension through immersive three-dimensional charting.

3D Chart

Key Features

  • Multiple 3D Chart Types - Supports six 3D chart types including Column, Bar, Stacked Column, Stacked Bar, 100% Stacked Column, and 100% Stacked Bar.
  • Flexible Data Binding - Bind data from local collections or remote services (JSON, Web API, OData). Data labels and tooltips can also be bound directly to your data.
  • Rich Interactivity - Interact with 3D charts using rotation, tilt, selection, highlighting, tooltips, and smooth animation effects.
  • Customizable Axes & Legends - Supports category, numeric, date‑time, and logarithmic axes, multiple axes configurations, and highly configurable legends with paging and flexible positioning.
  • Data Labels & Templates - Display data labels for clarity and enhance them with HTML‑based templates for rich visuals.
  • Responsive Design - Automatically adapts to desktops, tablets, and mobile devices on any resolution and modern OS.
  • Built‑in Themes & Full Customization - Comes with Material 3, Fluent, Tailwind, Bootstrap, Fabric, and more themes. Customize palettes, backgrounds, and layouts to match your brand.
  • Globalization & Localization - Supports cultural formatting, RTL rendering, and localized number/date/currency formats.
  • Export & Print Options - Export charts as PNG, JPEG, SVG, or PDF for sharing and reporting.
  • Accessibility Support - WCAG‑aligned with keyboard navigation, screen reader support, and WAI‑ARIA compliance.
  • Blazor Server & WebAssembly Compatible - Works seamlessly across both Blazor Server and Blazor WASM applications.

System Requirements

  • .NET 8.0 or later (Blazor Web App, Blazor Server, Blazor WebAssembly and Blazor Hybrid)
  • See full requirements: System Requirements

Installation

.NET CLI

dotnet add package Syncfusion.Blazor.Chart3D

NuGet Package Manager

Install-Package Syncfusion.Blazor.Chart3D

Add Script References

  • For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.razor.
  • For Blazor WebAssembly App: add these to wwwroot/index.html.
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

Quick Start

  1. Register the Syncfusion® Blazor services in Program.cs:
using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();
  1. Add the Blazor 3D Chart component in a Razor page:
@using Syncfusion.Blazor.Chart3D

<SfChart3D Title="Sales Analysis">
    <Chart3DPrimaryXAxis ValueType="Syncfusion.Blazor.Chart3D.ValueType.Category"></Chart3DPrimaryXAxis>
    <Chart3DSeriesCollection>
        <Chart3DSeries DataSource="@Sales" XName="Month" YName="SalesValue" Type="Chart3DSeriesType.Column">
                <Chart3DDataLabel Visible="true"></Chart3DDataLabel>
        </Chart3DSeries>
    </Chart3DSeriesCollection>
</SfChart3D>

@code {
    public class SalesInfo
    {
        public string Month { get; set; }
        public double SalesValue { get; set; }
    }

    public List<SalesInfo> Sales = new List<SalesInfo>
    {
        new SalesInfo { Month = "Jan", SalesValue = 35 },
        new SalesInfo { Month = "Feb", SalesValue = 28 },
        new SalesInfo { Month = "Mar", SalesValue = 34 },
        new SalesInfo { Month = "Apr", SalesValue = 32 },
        new SalesInfo { Month = "May", SalesValue = 40 },
        new SalesInfo { Month = "Jun", SalesValue = 32 },
        new SalesInfo { Month = "Jul", SalesValue = 35 }
    };
}

Documentation

Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA.

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Product Compatible and additional computed target framework versions.
.NET 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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Syncfusion.Blazor.Chart3D:

Package Downloads
Jakar.Extensions.Blazor.Syncfusion

Extensions to aid in development.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
33.1.45 124 3/23/2026
33.1.44 244 3/16/2026
32.2.9 170 3/9/2026
32.2.8 163 3/2/2026
32.2.7 321 2/23/2026
32.2.5 172 2/16/2026
32.2.4 121 2/10/2026
32.2.3 420 2/5/2026
32.1.25 140 1/26/2026
32.1.24 129 1/19/2026
32.1.23 130 1/13/2026
32.1.22 549 1/5/2026
32.1.21 210 12/29/2025
32.1.20 239 12/23/2025
32.1.19 625 12/16/2025
31.2.18 535 12/8/2025
31.2.16 711 12/1/2025
31.2.15 247 11/25/2025
31.2.12 493 11/18/2025
31.2.10 338 11/12/2025
Loading failed