Tier D2

RN-universal StatCard pilot

Scaffolded

Metric card — title, value, optional unit, period change, source, date. Five semantic variants. Emits schema.org/Observation JSON-LD for numeric values (GEO).

Side-by-side: basic

shadcn

Active students

1284

+12%this term
RN
Active students
1284
+12%
this term

Semantic variants

Graduations
238
+4%
At-risk students
37
-8%
vs last term
Attendance
94 %
+2%
Uptime
99.9 %

With source + observation date (JSON-LD emitted)

New enrolments
128
+18%
week over week
TpEMIS Admissions module · 2026-04-22

Check the page source — an application/ld+json Observation block is emitted for the numeric value above.

String value (no schema)

Platform status
All systems go

String values render as-is. No JSON-LD emission — a formatted string like "12%" would otherwise be mis-parsed.

Semantics

AspectshadcnRNNotes
Container<article><View accessibilityRole="summary">Both announce as a summary region
Numeric value<data value={n}><Text>Schema.org Observation JSON-LD both ways
Icon tileinline rgba accentcolor-mix(in srgb, accent 12%, transparent)Modern CSS; same visual
Change arrowTrendingUp/DownsameLucide across platforms