TerraFluent.Chart.Reporting

Radar Chart in C#

Create radar and spider charts in C# with AddRadar — multivariate profiles on a shared scale, rendered as self-contained SVG with zero dependencies.

Radar / Spider Chart

AddRadar() — closed polygon, great for multivariate comparisons.

Product Comparison — Radar chart — five attributes, two models Product Comparison — Radar chart — five attributes, two models — Series: Model A, Model B. Categories: Speed to Value. Values range from 55 to 90. Product Comparison Radar chart — five attributes, two models 25 50 75 100 Speed Power Range Agility Comfort Value Model A: 85 Model A: 70 Model A: 60 Model A: 90 Model A: 55 Model A: 75 Model B: 60 Model B: 90 Model B: 80 Model B: 55 Model B: 85 Model B: 65 Model A Model B terrafluent.dev terrafluent.dev

When to use a radar chart

Reach for it when

  • Comparing two or three items across five to eight attributes on one common scale.
  • Profile and capability comparisons, where the overall shape is the takeaway.
  • Normalised scores — ratings out of ten, percentages — where every axis means the same thing.

Use something else when

  • Axes with different units or ranges. The enclosed area becomes meaningless.
  • More than three overlaid series; the polygons occlude each other.
  • Precise reading. Values far from the centre occupy more area than values near it, which overstates them.

Radar Chart in C#

Lifted verbatim from the chart types reference, so it compiles against the shipped API. See the API reference for every overload and the exact data types each series method accepts.

string svg = ChartBuilder.Create()
    .Title("Skill Assessment")
    .Size(560, 520)
    .XAxis("Skill", "Coding","Design","Testing","DevOps","Docs","Comms")
    .AsAnimated()
    .Series(s => s
        .AddRadar("Alice", new double[] { 90, 60, 75, 50, 65, 80 },
            cfg => cfg.Color(ChartColor.ChartBlue).FillOpacity(0.25))
        .AddRadar("Bob",   new double[] { 65, 85, 60, 80, 55, 70 },
            cfg => cfg.Color(ChartColor.ChartOrange).FillOpacity(0.25)))
    .RenderToSvg();

Install

dotnet add package TerraFluent.Chart.Reporting
  • MIT licensed — free for commercial use, no chart limits, no watermarks.
  • Zero dependencies — nothing but the .NET base class library.
  • netstandard2.0 through net10.0 — .NET Framework 4.6.1+, .NET Core 2.0+, and every modern release.
  • Output is one SVG string — embed it in HTML, a PDF, or a Word document.