TerraFluent
Get started
TerraFluent.Chart.Reporting

Cookbook

Each recipe is a finished result rather than a single feature — the kind of chart you ship, assembled from several calls.

Read the reference documentation →

Fluent API Showcase

Size · AsInteractive · Animate · StackNormal · YAxisFormat · ShowDataLabels · SeriesBuilder.

Fluent API Showcase — Channel Revenue Stack — Size · AsInteractive · Animate · AnimationBuilder · StackNormal · XAxis/YAxis · YAxisFormat · ShowDataLabels · SeriesBuilder Fluent API Showcase — Channel Revenue Stack — Size · AsInteractive · Animate · AnimationBuilder · StackNormal · XAxis/YAxis · YAxisFormat · ShowDataLabels · SeriesBuilder — Series: Direct, Organic, Referral, YoY Growth %. Categories: Jan–Feb to Nov–Dec. Values range from 12 to 620. Fluent API Showcase — Channel Revenue Stack Size · AsInteractive · Animate · AnimationBuilder · StackNormal · XAxis/YAxis · YAxisFormat · ShowDataLabels · SeriesBuilder Direct Organic Referral YoY Growth % $0k $100k $200k $300k $400k $500k $600k Revenue ($k) Jan–Feb Mar–Apr May–Jun Jul–Aug Sep–Oct Nov–Dec Bi-Month 0 10 20 30 40 50 YoY Growth % $420k $490k $560k $620k $540k $610k $310k $390k $440k $470k $380k $430k $180k $215k $250k $270k $210k $245k 12% 21% 28% 31% 24% 29% Direct: $420k Direct: $490k Direct: $560k Direct: $620k Direct: $540k Direct: $610k Organic: $310k Organic: $390k Organic: $440k Organic: $470k Organic: $380k Organic: $430k Referral: $180k Referral: $215k Referral: $250k Referral: $270k Referral: $210k Referral: $245k YoY Growth %: $12k YoY Growth %: $21k YoY Growth %: $28k YoY Growth %: $31k YoY Growth %: $24k YoY Growth %: $29k terrafluent.dev terrafluent.dev

Fork — Chart Variants

Fork() — produce a Static and an Animated variant.

Fork Demo — Static Variant — Fork() creates an independent copy. Fork Demo — Static Variant — Fork() creates an independent copy. — Series: Team A, Team B. Categories: Jan to Jun. Values range from 60 to 92. Fork Demo — Static Variant Fork() creates an independent copy. 0 20 40 60 80 Score Jan Feb Mar Apr May Jun Month Team A Team B terrafluent.dev terrafluent.dev

Template: Revenue

ChartTemplate.Revenue — column chart with N0-formatted Y-axis.

Annual Revenue by Region Annual Revenue by Region — Series: North, South. Categories: Q1, Q2, Q3, Q4. Values range from 980 to 1.7k. Annual Revenue by Region 0 200 400 600 800 1,000 1,200 1,400 1,600 Revenue (USD) Q1 Q2 Q3 Q4 North: 1.2k North: 1.5k North: 1.4k North: 1.7k South: 980 South: 1.1k South: 1.1k South: 1.3k North South terrafluent.dev terrafluent.dev

Template: KPI Dashboard

ChartTemplate.KpiDashboard — dark theme, interactive, no grid/legend.

Monthly Active Users Monthly Active Users — Series: MAU. Categories: Jan to Jun. Values range from 12.4k to 18.4k. Monthly Active Users 0 5k 10k 15k Jan Feb Mar Apr May Jun MAU: 12.4k MAU: 13.8k MAU: 15.2k MAU: 14.6k MAU: 16.9k MAU: 18.4k terrafluent.dev terrafluent.dev

Template: Time Series

ChartTemplate.TimeSeries — spline, animated, 1 s entry.

Server Response Time (ms) Server Response Time (ms) — Series: P50, P99. Categories: 00:00 to 23:59. Values range from 38 to 550. Server Response Time (ms) 0 100 200 300 400 500 ms 00:00 04:00 08:00 12:00 16:00 20:00 23:59 P50: 42 P50: 38 P50: 95 P50: 120 P50: 88 P50: 62 P50: 45 P99: 210 P99: 185 P99: 430 P99: 550 P99: 380 P99: 290 P99: 220 P50 P99 terrafluent.dev terrafluent.dev

Template: Executive Summary

ChartTemplate.ExecutiveSummary — pastel bar chart, static/PDF-safe.

Headcount by Department Headcount by Department — Series: 2025. Categories: Engineering to Finance. Values range from 60 to 320. Headcount by Department 0 50 100 150 200 250 300 Engineering Marketing Sales Support Finance Employees 2025 terrafluent.dev terrafluent.dev

JSON Round-Trip

ChartOptions.ToJson() / ChartBuilder.FromJson() — persist and restore a chart.

Deserialised Chart — Built with ChartBuilder.FromJson() — restored from a JSON snapshot Deserialised Chart — Built with ChartBuilder.FromJson() — restored from a JSON snapshot — Series: Product A, Product B. Categories: Jan, Feb, Mar, Apr. Values range from 210 to 480. Deserialised Chart Built with ChartBuilder.FromJson() — restored from a JSON snapshot 0 100 200 300 400 Units Jan Feb Mar Apr Product A: 320 Product A: 410 Product A: 390 Product A: 480 Product B: 210 Product B: 255 Product B: 245 Product B: 290 Product A Product B terrafluent.dev terrafluent.dev

Drill-Down Chart

WithDrilldown() — click a column to open a child detail chart; Back returns to overview.

Annual Sales by Quarter — click a bar to drill down — WithDrilldown(dataIndex, child) — each bar shows its own monthly breakdown Annual Sales by Quarter — click a bar to drill down — WithDrilldown(dataIndex, child) — each bar shows its own monthly breakdown — Series: Quarterly Sales. Categories: Q1, Q2, Q3, Q4. Values range from 120 to 162. Annual Sales by Quarter — click a bar to drill down WithDrilldown(dataIndex, child) — each bar shows its own monthly breakdown 0 20 40 60 80 100 120 140 160 Revenue ($k) Q1 Q2 Q3 Q4 Quarterly Sales: 120 Quarterly Sales: 145 Quarterly Sales: 138 Quarterly Sales: 162 Quarterly Sales terrafluent.dev terrafluent.dev

Keep going

All chart types and features The full gallery index — 26 chart types, eight feature groups, and the cookbook. Getting started Install the package and render your first chart in a few lines of C#. API reference Every builder method, series type, enum and theme in one page.

← Back to the full chart gallery