shotZones

import * as Plot from "@observablehq/plot";
import { basketballZones } from "@sportsdataverse/sporty";
import { shotZones, surface } from "@sportsdataverse/sdvplot/plot";

const court = surface("nba", { displayRange: "defense" });
const zones = shotZones(basketballZones("nba", { scale: 10 }), { fill: () => "#f7f7f7", text: (z) => z });
Plot.plot({ ...court.scales, marks: [...court.marks, ...zones] });

Tags: docstring · shotZones. All sdvplot examples.