mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
3301acaece
Enrich all 58 chart/dataviz demo pages on blazor.radzen.com for search
and AI discovery:
- JSON-LD via a new head-schemas section + SeoSchema/DemoSeo, emitted
once per page from MainLayout (CollectionPage+ItemList on /charts,
TechArticle+BreadcrumbList+FAQPage on each chart page)
- Human-readable intros, 1-3 FAQs, and related-chart links per page,
sourced once from ExampleService (rendered on-page and as FAQPage)
- Complete OG/Twitter tags; corrected gallery copy (30+ chart types /
40+ data-visualization components); dropped "native" wording
- Rename chart-spline/-histogram/-pareto to {type}-chart
Adds RadzenBlazorDemos/Services/SeoSchema.cs and Shared/DemoSeo.razor.
22 lines
1.4 KiB
Plaintext
22 lines
1.4 KiB
Plaintext
@page "/contour-chart"
|
||
|
||
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
|
||
Radzen Blazor Chart with contour series (isoilluminance)
|
||
</RadzenText>
|
||
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
|
||
A contour chart turns a grid of values into filled bands and iso-lines, the way a topographic map shows elevation - ideal for scalar fields like temperature, illuminance, or any smooth surface.
|
||
</RadzenText>
|
||
|
||
<RadzenAlert AlertStyle="AlertStyle.Info" Shade="Shade.Lighter" AllowClose="false" class="rz-mb-4">
|
||
<strong>When to use which?</strong>
|
||
<ul class="rz-mt-2 rz-mb-0">
|
||
<li>Use <strong>RadzenContourSeries</strong> (this demo) when samples lie on a <strong>numeric grid</strong> and you want smooth interpolation between them — the result looks continuous and is resolution-independent.</li>
|
||
<li>Use <RadzenLink Path="/heatmap-series-chart" Text="RadzenHeatmapSeries" /> when you want to show the <strong>raw sample cells</strong> without interpolation (each data point becomes one coloured rectangle).</li>
|
||
<li>Use <RadzenLink Path="/heatmap-chart" Text="RadzenHeatmap" /> for <strong>categorical</strong> grids (days × hours) where the axes are strings, not numbers.</li>
|
||
</ul>
|
||
</RadzenAlert>
|
||
|
||
<RadzenExample ComponentName="Chart" Example="ContourChart" DocumentationLink="https://blazor.radzen.com/docs/guides/components/chart.html">
|
||
<ContourChart />
|
||
</RadzenExample>
|