Portfolio demoSynthetic scientific data
Scientific charts, themed by token
Publication-grade charts built from @platform/ui/chart (recharts + shadcn primitives). One recipe, every brand — switch a theme and color and corner radius re-flow from CSS tokens. The dataset is fictional and exists only to demonstrate the system.
Live theme--primaryhsl(…)--radius…
npx shadcn@latest add chartKaplan–Meier survival curve
Multi-arm step curves — survival stratified by biomarker.
ChartContainer · LineChart · ChartLegend · ChartTooltipshadcn docs
Expression trajectory
Gradient area chart — mean expression across pseudotime.
ChartContainer · AreaChart · linearGradient · ChartTooltipshadcn docs
Cohort sample counts
Categorical bar chart — samples per treatment cohort.
ChartContainer · BarChart · ChartTooltipshadcn docs
Bulk vs spatial concordance
Scatter plot — biomarker validation across modalities.
ChartContainer · ScatterChart · ZAxis · ChartTooltipshadcn docs
Across products
Real per-product surfaces — the actual component from each app, not one recolored mock.
DesignMDdesignmd.directory
Survival curve — DesignMD theme
AIdiscussAIdiscuss.dev
Survival curve — AIdiscuss theme
Itmeo.comitmeo.com
Survival curve — Itmeo.com theme
Series colors come from
--primary and --muted-foreground via the ChartConfig bridge — no hard-coded hex. The same chart renders in every product's palette.