colorRanks: cells filled green to red

AFC, 2024

Team	Points for	Points against
KC	385	326
LAC	402	301
DEN	425	311
LV	309	434
BUF	525	368
MIA	345	364
NYJ	338	404
NE	289	417

import { STANDINGS, type Standing } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";

// The default palette is RANK_PALETTE (green to red); reverse it when lower is better.
const spec = defineTable<Standing>()
  .columns((c) => [
    c.text("team"),
    c.colorRanks("pf", { label: "Points for", domain: [280, 530], reverse: true }),
    c.colorRanks("pa", { label: "Points against", domain: [280, 530] }),
  ])
  .title("AFC, 2024")
  .build();
await renderHTMLAsync(spec, STANDINGS);

Tags: kind · colorRanks · gt_color_ranks. All sdvtables examples.