Lineups: 4-2-3-1 against 4-4-2
The home team has no formation: the best fit is chosen. The visitors attack the other way.
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: Lineup in 4-2-3-1: 11 players. Players: Okafor (Goalkeeper), Silva (Right back), Mbeki (Right centre-back), Rossi (Left centre-back), Ito (Left back), Nakamura (Right defensive midfielder), Costa (Left defensive midfielder), Dubois (Right winger), Haddad (Attacking midfielder), Kowalski (Left winger), Eze (Striker). Captain: Mbeki. Four defenders, two holding midfielders, three behind a lone striker. Lineup in 4-4-2: 3 players. Players: Meyer (Goalkeeper), Moreau (Right striker), Eze (Left striker). Four defenders, four midfielders in a flat line and two strikers. Lineup in 4-2-3-1: 11 players Players: Okafor (Goalkeeper), Silva (Right back), Mbeki (Right centre-back), Rossi (Left centre-back), Ito (Left back), Nakamura (Right defensive midfielder), Costa (Left defensive midfielder), Dubois (Right winger), Haddad (Attacking midfielder), Kowalski (Left winger), Eze (Striker). Captain: Mbeki. Four defenders, two holding midfielders, three behind a lone striker. Goalkeeper: Okafor 1 Right back: Silva 2 Right centre-back: Mbeki 3 Left centre-back: Rossi 4 Left back: Ito 5 Right defensive midfielder: Nakamura 6 Left defensive midfielder: Costa 7 Right winger: Dubois 8 Attacking midfielder: Haddad 9 Left winger: Kowalski 10 Striker: Eze 11 Captain 1 Okafor 2 Silva 3 Mbeki C 4 Rossi 5 Ito 6 Nakamura 7 Costa 8 Dubois 9 Haddad 10 Kowalski 11 Eze Lineup in 4-4-2: 3 players Players: Meyer (Goalkeeper), Moreau (Right striker), Eze (Left striker). Four defenders, four midfielders in a flat line and two strikers. Goalkeeper: Meyer 1 Right back Right centre-back Left centre-back Left back Right midfielder Right central midfielder Left central midfielder Left midfielder Right striker: Moreau 9 Left striker: Eze 10 1 Meyer RB RCB LCB LB RM RCM LCM LM 9 Moreau 10 Eze 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 home = ["Okafor", "Silva", "Mbeki", "Rossi", "Ito", "Nakamura", "Costa", "Dubois", "Haddad", "Kowalski", "Eze"];
const codes = ["GK", "RB", "CB", "CB", "LB", "DM", "DM", "RW", "AM", "LW", "ST"];
const players = home.map((name, i) => ({ pos: codes[i], name, number: i + 1, captain: i === 2 }));
const svg = drawKyogijo({
sport: "soccer",
layers: [
{ kind: "lineup", side: "home", players },
{ kind: "lineup", side: "away", formation: "4-4-2", shape: "jersey", players: [{ pos: "GK", name: "Meyer", number: 1 }, { pos: "ST", name: "Moreau", number: 9 }, { pos: "ST", name: "Eze", number: 10 }] },
],
});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.