Theme: sdvTeam
| Team | Wins | Losses | PF | PA | Net EPA/play |
|---|---|---|---|---|---|
![]() | 15 | 2 | 385 | 326 | 0.063 |
![]() | 11 | 6 | 402 | 301 | 0.101 |
![]() | 10 | 7 | 425 | 311 | 0.108 |
![]() | 4 | 13 | 309 | 434 | -0.146 |
![]() | 13 | 4 | 525 | 368 | 0.190 |
![]() | 8 | 9 | 345 | 364 | -0.019 |
![]() | 5 | 12 | 338 | 404 | -0.045 |
![]() | 4 | 13 | 289 | 417 |
import { STANDINGS } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";
const spec = defineTable<(typeof STANDINGS)[number]>()
.columns((c) => [
c.logo("team", { league: "nfl" }),
c.int("wins"),
c.int("losses"),
c.int("pf", { label: "PF" }),
c.int("pa", { label: "PA" }),
c.colorPills("net_epa", { label: "Net EPA/play", digits: 3, domain: [-0.2, 0.2] }),
])
.theme("sdvTeam", { options: { league: "nfl", team: "KC" } })
.title("AFC, 2024 regular season")
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: theme · sdvTeam. All sdvtables examples.







