Formations: 4-4-2 against 4-3-3
Soccer pitch Drawn as: a soccer pitch, 105 by 68 metres, with the halfway line, the centre circle, both penalty areas, goal areas, penalty marks and arcs, the corner arcs and the goals. Data: Formation 4-4-2: 11 positions. Positions: Goalkeeper, Right back, Right centre-back, Left centre-back, Left back, Right midfielder, Right central midfielder, Left central midfielder, Left midfielder, Right striker, Left striker. Four defenders, four midfielders in a flat line and two strikers. Formation 4-3-3: 11 positions. Positions: Goalkeeper, Right back, Right centre-back, Left centre-back, Left back, Right central midfielder, Central midfielder, Left central midfielder, Right winger, Striker, Left winger. Four defenders, three midfielders and a front three of two wingers and a striker. Formation 4-4-2: 11 positions Positions: Goalkeeper, Right back, Right centre-back, Left centre-back, Left back, Right midfielder, Right central midfielder, Left central midfielder, Left midfielder, Right striker, Left striker. Four defenders, four midfielders in a flat line and two strikers. Goalkeeper Right back Right centre-back Left centre-back Left back Right midfielder Right central midfielder Left central midfielder Left midfielder Right striker Left striker GK RB RCB LCB LB RM RCM LCM LM RS LS Formation 4-3-3: 11 positions Positions: Goalkeeper, Right back, Right centre-back, Left centre-back, Left back, Right central midfielder, Central midfielder, Left central midfielder, Right winger, Striker, Left winger. Four defenders, three midfielders and a front three of two wingers and a striker. Goalkeeper Right back Right centre-back Left centre-back Left back Right central midfielder Central midfielder Left central midfielder Right winger Striker Left winger GK RB RCB LCB LB RCM CM LCM RW ST LW 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 svg = drawKyogijo({
sport: "soccer",
layers: [
{ kind: "formation", formation: "4-4-2", team: "home" },
{ kind: "formation", formation: "4-3-3", team: "away", attacking: "left" },
],
});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.