A water polo goal

3.0 metres between the posts, the crossbar's underside 0.9 m over the water.

Goal mouth, Water polo goal: where the shots crossed the goal lineThe Water polo goal, 3 by 0.9 metres, seen from the front: the shooter's left is on the left. Data: 3 shots. By outcome: Goal 1, Saved 1, Wide 1.Top left cornerTop centreTop right cornerLeft sideCentreRight sideBottom left cornerBottom centreBottom right corner3 shotsBy outcome: Goal 1, Saved 1, Wide 1.

The picture above was drawn when the docs were built. The script below draws it again with the published package.

import { drawGoalMouth } from "@johnmorrisdotca/kyogijo-stadiums/target";

const svg = drawGoalMouth([{ x: -1.2, z: 0.7, outcome: "goal" }, { x: 0.4, z: 0.2, outcome: "saved" }, { x: 1.6, z: 0.5, outcome: "wide" }], { sport: "waterpolo", zones: true }).svg;

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.