Recolouring features with colorUpdates

4 of the 26 basketball colour keys changed

import { colorKeys, surface } from "@sportsdataverse/sporty";
import { toSVG } from "@sportsdataverse/sporty/svg";

// Any key of colorKeys("basketball") takes a colour; the rest keep the league's defaults.
const court = surface("basketball", "nba", {
  colorUpdates: {
    painted_area: "#552583",
    center_circle_fill: "#552583",
    two_point_range: "#fdb927",
    three_point_line: "#552583",
  },
});

`<figure style="margin:0">${toSVG(court, { width: 560, arcs: "svg" })}<figcaption>4 of the ${colorKeys("basketball").length} basketball colour keys changed</figcaption></figure>`;

Tags: surface · colorUpdates · colorKeys · basketball · nba. All sporty examples.