As a city

`mode: "city"` keeps the real distances with a grid of kilometres and a name beside each venue.

BC Place and Rogers Arena: where they standA plan of 2 real venues at their real positions and orientations, from the outlines OpenStreetMap maps; it keeps the real distances, with a grid of kilometres and a scale. The middles of BC Place and Rogers Arena are about 264 metres apart. Credit: (c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright.BC PlaceRogers Arena

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

import { drawDistrict } from "@johnmorrisdotca/kyogijo-stadiums/district";

const svg = drawDistrict({ venues: ["bc-place", "rogers-arena"], mode: "city" });

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.64.0.