👁 Image
Syncfusion.Blazor.SmithChart 33.2.13

Syncfusion® Blazor Smith Chart Component

The Syncfusion® Blazor Smith Chart Component visualizes complex impedance and transmission line parameters used in RF engineering and high-frequency circuit analysis. Provides interactive impedance mapping, markers, legends, and customizable series for electrical network analysis.

Key features

• Impedance & Admittance Visualization - Plot and analyze high‑frequency circuit parameters such as impedance, admittance, and reflection coefficients with support for both impedance and admittance rendering types.
• Customizable Axes & Gridlines - Includes a horizontal resistance axis and radial reactance axis, both fully customizable. Add major and minor gridlines and style them to improve clarity and match your application’s theme.
• Interactive Markers & Data Labels - Highlight specific data points using markers with customizable shapes, sizes, borders, and opacity. Data labels can be added, styled, positioned, and automatically arranged to prevent overlap.
• Legends & Tooltips - Built‑in legends with fully configurable position, layout, border, and text options. Enable tooltips to show detailed point information with support for custom templates.
• Series Customization - Plot multiple series in a single chart and customize each with unique colors, widths, opacity settings, and animations for improved visual clarity.
• Titles & Annotations - Add chart titles and subtitles with alignment, styling, trimming, and max‑width support for a polished presentation.
• Export & Print Support - Export the Smith Chart to PNG, JPEG, SVG, or PDF formats, with orientation options to suit reporting and documentation needs.
• Responsive Layout - Fully responsive design that automatically adapts to different screen sizes across desktops, tablets, and mobile devices.
• Accessibility & Globalization - Keyboard‑friendly, screen‑reader compatible, WAI‑ARIA compliant, and supports right‑to‑left (RTL) languages for global audiences.

Add script references

• For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.razor file.
• For Blazor WebAssembly App, add these to wwwroot/index.html file.

<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

Quick Start

1. Register the Syncfusion® Blazor services in the Program.cs file.

using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();

2. Add Blazor Smith Chart component to your Razor page.

<SfSmithChart>
 <SmithChartSeriesCollection>
 <SmithChartSeries Name="Transmission1"
 Reactance="Reactance"
 Resistance="Resistance"
 DataSource="@FirstTransmissionSeries">
 </SmithChartSeries>
 <SmithChartSeries Name="Transmission2"
 Points="@SecondTransmissionSeries">
 </SmithChartSeries>
 </SmithChartSeriesCollection>
</SfSmithChart>

@code {
 public class SmithDataSource
 {
 public double Resistance { get; set; }
 public double Reactance { get; set; }
 };
 public List<SmithDataSource> FirstTransmissionSeries = new List<SmithDataSource> {
 new SmithDataSource { Resistance= 10, Reactance= 25 },
 new SmithDataSource { Resistance= 8, Reactance= 6 },
 new SmithDataSource { Resistance= 6, Reactance= 4.5 },
 new SmithDataSource { Resistance= 4.5, Reactance= 2 },
 new SmithDataSource { Resistance= 3.5, Reactance= 1.6 },
 new SmithDataSource { Resistance= 2.5, Reactance= 1.3 },
 new SmithDataSource { Resistance= 2, Reactance= 1.2 },
 new SmithDataSource { Resistance= 1.5, Reactance= 1 },
 new SmithDataSource { Resistance= 1, Reactance= 0.8 },
 new SmithDataSource { Resistance= 0.5, Reactance= 0.4 },
 new SmithDataSource { Resistance= 0.3, Reactance= 0.2 },
 new SmithDataSource { Resistance= 0.001, Reactance= 0.15 }
 };
 public List<SmithChartPoint> SecondTransmissionSeries = new List<SmithChartPoint> {
 new SmithChartPoint { Resistance= 20, Reactance= -50 },
 new SmithChartPoint { Resistance= 10, Reactance= -10 },
 new SmithChartPoint { Resistance= 9, Reactance= -4.5 },
 new SmithChartPoint { Resistance= 8, Reactance= -3.5 },
 new SmithChartPoint { Resistance= 7, Reactance= -2.5 },
 new SmithChartPoint { Resistance= 6, Reactance= -1.5 },
 new SmithChartPoint { Resistance= 5, Reactance= -1 },
 new SmithChartPoint { Resistance= 4.5, Reactance= -0.5 },
 new SmithChartPoint { Resistance= 2, Reactance= 0.5 },
 new SmithChartPoint { Resistance= 1.5, Reactance= 0.4 },
 new SmithChartPoint { Resistance= 1, Reactance= 0.4 },
 new SmithChartPoint { Resistance= 0.5, Reactance= 0.2 },
 new SmithChartPoint { Resistance= 0.3, Reactance= 0.1 },
 new SmithChartPoint { Resistance= 0.001, Reactance= 0.05 }
 };
}

Documentation

• Getting Started with Blazor Web App
• Getting Started with Blazor WebAssembly App
• Feature Overview
• API Reference
• Live Demos
• Video Tutorials

Support

• Support portal
• Community Fforums
• Feature requests

License

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

• Purchase a license**
• Start a 30-day free trial**

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.

| Toll Free: 1-888-9-DOTNET