Lineups: a fielding preset
For a right-handed batter with the striker at the right end: the off side is up the page.
Cricket ground Drawn as: a cricket ground, 150 by 150 yards, with its boundary, the pitch with its creases and wickets, and the fielding restriction's circle where the rules have one. Data: Lineup in Cricket, attacking field for a fast bowler: 11 players. Players: 1 (Bowler), 2 (Wicketkeeper), 3 (First slip), 4 (Second slip), 5 (Third slip), 6 (Gully), 7 (Point), 8 (Cover), 9 (Mid-off), 10 (Mid-on), 11 (Square leg). For a right-handed batter: three slips and a gully on the off side to catch an edge, point, cover, mid-off, mid-on and square leg all close, and the wicketkeeper standing back. Nobody is on the boundary. Lineup in Cricket, attacking field for a fast bowler: 11 players Players: 1 (Bowler), 2 (Wicketkeeper), 3 (First slip), 4 (Second slip), 5 (Third slip), 6 (Gully), 7 (Point), 8 (Cover), 9 (Mid-off), 10 (Mid-on), 11 (Square leg). For a right-handed batter: three slips and a gully on the off side to catch an edge, point, cover, mid-off, mid-on and square leg all close, and the wicketkeeper standing back. Nobody is on the boundary. Bowler: 1 Wicketkeeper: 2 First slip: 3 Second slip: 4 Third slip: 5 Gully: 6 Point: 7 Cover: 8 Mid-off: 9 Mid-on: 10 Square leg: 11 1 2 3 4 5 6 7 8 9 10 11 The picture above was drawn when the docs were built. The script below draws it again with the published package.
import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
const codes = ["BWL", "WK", "SL1", "SL2", "SL3", "GU", "PT", "CV", "MO", "MN", "SQ"];
const svg = drawKyogijo({ sport: "cricket", layers: [{ kind: "lineup", formation: "cricket-test-attacking", players: codes.map((pos, i) => ({ pos, number: i + 1 })) }] });This page imports the package from jsDelivr (major version 0), which serves only versions that have been published to npm. A feature added after the last release is not in it: the page then keeps the picture above and says why. The docs were built from version 0.6.1.