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.3 KiB
Plaintext
22 lines
1.3 KiB
Plaintext
@page "/heatmap-chart"
|
|
|
|
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
|
|
Radzen Blazor Heatmap Chart
|
|
</RadzenText>
|
|
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
|
|
A heatmap lays values out on a labeled grid and colors each cell by size, so patterns and outliers jump out - think a calendar of activity or a correlation matrix.
|
|
</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>RadzenHeatmap</strong> (this demo) when X and Y are <strong>categorical strings</strong> and a continuous two-colour gradient is enough.</li>
|
|
<li>Use <RadzenLink Path="/heatmap-series-chart" Text="RadzenHeatmapSeries" /> inside a <code>RadzenChart</code> when X and Y are <strong>numeric</strong> measurements and you need shared axes, discrete colour bands or overlay with other series.</li>
|
|
<li>Use <RadzenLink Path="/contour-chart" Text="RadzenContourSeries" /> when samples are on a numeric grid and you want smooth interpolated iso-bands — e.g. isoilluminance, temperature or scalar-field plots.</li>
|
|
</ul>
|
|
</RadzenAlert>
|
|
|
|
<RadzenExample ComponentName="Heatmap" Example="HeatmapChart">
|
|
<HeatmapChart />
|
|
</RadzenExample>
|