@johnmorrisdotca/kyogijo-stadiums 0.28.0 → 0.29.0

package/CHANGELOG.md

@@ -7,6 +7,21 @@ All notable changes to this project are written here. The format follows
 
 ## [Unreleased]
 
+## [0.29.0] - 2026-10-20
+
+### Added
+
+- **The real venues of the Central Division**: the United Center, the Ball Arena, the American Airlines Center, the Grand Casino Arena, the Bridgestone Arena, the Enterprise Center, the Delta Center and the Canada Life Centre, drawn the way the Pacific Division's were: the outline of the building from OpenStreetMap (read on 2026-10-20), a plausible bowl of the seats, tiers and roof the sources give, each fact labelled `documented` or `plausible`. With the Pacific Division that is sixteen arenas, the Western Conference's. The Grand Casino Arena is the first of three seating tiers (its article counts four levels, one of them suites) and its building is a relation of two ways in OpenStreetMap; the Canada Life Centre's lower bowl has the 8,812 of its 15,225 seats its article gives. The rink's orientation is inferred from the main hall for twelve of the sixteen and not known for four (the Ball Arena is the new one); none is mapped. A Wikidata capacity for ice hockey that changed over the years (the Grand Casino Arena's 18,064 from 2000 and 17,954 from 2012) is read as the latest. The Eastern Conference follows.
+- **Divisions and conferences in the data and the API**: every venue has a `division`, `VENUE_DIVISIONS` and `VENUE_CONFERENCES` give the league's order, and `venuesIn`, `venuesInConference` and `conferenceOf` list and place them. The raw reads are kept per division (`data-sources/venues/<date>/wikidata-<division>.json`, `wikipedia-<division>.json`, which now also keeps the infobox's capacity line, and `osm-<arena>.json`; `pnpm venues:fetch <date> <division>`), and `pnpm venues` also writes the table of `NOTICE.md`.
+- **The 3D view's walls and roof apart**: `venue: { walls, roof }` (`walls` follows `roof` when it is left out, so the old `roof: true` is unchanged), and `turn.update(options, { venue })` changes them on a view that is mounted, which goes on turning from where it is.
+- **The demo's venues page by division**, with a conference and division chooser, and **the controls on the view**: the stands, walls, roof, building, markings and labels are buttons beside the view (they never stop or restart the turn: the first three draw the scene again through `update`, the others are a style), flat or 3D, the view's own viewpoints, turn, tilt, zoom and Play under it (the 3D view turns by itself when it opens), a compact scrolling bar on a phone, and the choice in the address (`?stands=0&walls=1&roof=1&building=0&markings=0&labels=0&viewpoint=end&spin=off`; an old `roof=1` still means walls and roof).
+- **The demo's home page leads with a real arena that turns by itself** (Climate Pledge Arena, any of the sixteen from a list), with the same buttons on it, in the address under `f` (`fv`, `fstands`, `froof`...), and links to the venues page, the tournament layouts in 3D and the judging page's broadcast view.
+- **Two moving pictures at the head of the README** (a real arena and a tournament layout turning once round, animated WebP in a light and a dark file, 0.5 to 0.8 MB each) and a "Look at these first" table with one picture of the real venues, the tournament layouts, the judging broadcast view and the combat sports; the other pictures of those sections are on their docs pages. `pnpm screenshots:animation` makes the moving pictures from the demo (`scripts/readme-animation.mjs`, frames from Playwright and the few lines of RIFF in `scripts/webp-animated.mjs`, no other tool). The README lint (`scripts/readme-lint.mjs`) gives a `turning-*` picture a budget of its own and counts a picture a docs page shows as used.
+
+### Changed
+
+- The fly-through demo page's arena tabs (now the sixteen venues) are one row that scrolls on a phone, so that the view stays in sight.
+
 ## [0.28.0] - 2026-10-20
 
 ### Added

package/NOTICE.md

@@ -43,7 +43,7 @@ picture or code of the sources is copied; each source is named here so that the
 | `grounds`: the World Cups each ground staged matches of, and where each final was played | The venue section of the English Wikipedia article of each men's and Women's World Cup, at the revision cited below; FIFA's own pages are not used | Facts, CC BY-SA 4.0 articles as above |
 | `grounds`: the Wikidata item and the coordinates of each ground (`wikidata`, `lat`, `lon`) | The item that each cited article is linked to, its coordinates (P625) and its country (P17), read with the Wikidata API and checked against the item's labels by `scripts/check-grounds.mjs` | Wikidata's data is CC0 (https://creativecommons.org/publicdomain/zero/1.0/) |
 | `arenas`: each arena's names, years, city, seats, rink sizes, Wikidata item and coordinates | The infobox and the text of the English Wikipedia article of each arena, at the revision cited below (the names with the years the article dates them, the year it opened, closed and was pulled down, the seats for ice hockey and for basketball, a rink's length and width where the article gives them in a sentence of its own); the name in Japanese from the title of its Japanese article or written for the package; the Wikidata item (CC0) that each article is linked to and its coordinates (P625) | Facts. The articles are CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0/); none of their text, tables or images is used |
-| `venues`: the outline of each NHL arena's building, how its rink lies in it and the building's height (`VENUE_OSM`, `src/venues.osm.data.ts`) | OpenStreetMap, through the Overpass API: the closed way tagged with the venue's Wikidata item (and the ice, where it is mapped), read on 2026-10-20, with the raw answers kept in `data-sources/venues/2026-10-20/`; the outline is simplified to a metre, and the way the rink lies is worked out from it (`coreOf`, `src/venues.geo.ts`) | ODbL 1.0, (c) OpenStreetMap contributors (https://www.openstreetmap.org/copyright): a derived database, kept in its own file and offered under the ODbL; a drawing made from it is a produced work and carries the credit (`VENUE_ATTRIBUTION`) |
+| `venues`: the outline of each NHL arena's building, how its rink lies in it and the building's height (`VENUE_OSM`, `src/venues.osm.data.ts`) | OpenStreetMap, through the Overpass API: the closed way (or the relation of a building drawn in two ways) tagged with the venue's Wikidata item (and the ice, where it is mapped), read on 2026-10-20, with the raw answers kept in `data-sources/venues/2026-10-20/`; the outline is simplified to a metre, and the way the rink lies is worked out from it (`coreOf`, `src/venues.geo.ts`) | ODbL 1.0, (c) OpenStreetMap contributors (https://www.openstreetmap.org/copyright): a derived database, kept in its own file and offered under the ODbL; a drawing made from it is a produced work and carries the credit (`VENUE_ATTRIBUTION`) |
 | `venues`: each venue's seats for ice hockey, number of seating tiers and kind of roof (`VENUE_DATA`, `src/venues.data.ts`) | The item of Wikidata (the capacity P1083 and the sport it applies to P641) and the English Wikipedia article of each arena, at the revision cited below, in `data-sources/venues/2026-10-20/` as read; the facts are numbers and words of our own, with what was read in a few words | Wikidata's data is CC0; the facts read from the articles are facts, with the articles credited here (CC BY-SA 4.0) |
 | `stadiums`: the outline of each stadium's building, the roof OpenStreetMap maps over it (its heights and the opening in it) and how the field lies, worked out from the opening (`STADIUM_OSM`, `src/stadiums.osm.data.ts`) | OpenStreetMap, through the Overpass API: the closed way tagged with the stadium's Wikidata item and the multipolygon of its roof, read on 2026-10-20, with the raw answers kept in `data-sources/stadiums/2026-10-20/`; the outline is simplified to a metre, and the way the field lies is worked out from the opening (`smallestBox`, `src/venues.geo.ts`) | ODbL 1.0, (c) OpenStreetMap contributors (https://www.openstreetmap.org/copyright): a derived database, kept in its own file and offered under the ODbL; a drawing made from it is a produced work and carries the credit (`VENUE_ATTRIBUTION`) |
 | `stadiums`: each stadium's seats for each configuration, number of seating bowls, kind of roof and the size of its opening (`STADIUM_DATA`, `src/stadiums.data.ts`) | The item of Wikidata (the capacity P1083) and the English Wikipedia article of each stadium, at the revision cited below, in `data-sources/stadiums/2026-10-20/` as read; the facts are numbers and words of our own, with what was read in a few words | Wikidata's data is CC0; the facts read from the article are facts, with the article credited here (CC BY-SA 4.0) |
@@ -411,9 +411,10 @@ The Japanese Wikipedia articles read for the names, with their revisions, are li
 
 ## The venues' sources
 
-The eight arenas of the NHL's Pacific Division, read on 2026-10-20 (`pnpm venues:fetch`; the files are in `data-sources/venues/2026-10-20/`: `osm-<arena>.json` as Overpass returned them, `wikidata.json` and `wikipedia.json`). The outline of a building is OpenStreetMap's, ODbL 1.0, (c) OpenStreetMap contributors, and lives in `src/venues.osm.data.ts` alone. The seats, the tiers and the roof are in `src/venues.data.ts`, with what each cites. No seat map of a team, a ticket seller or a venue is read or copied, and no mark of a team or a league is drawn.
+The arenas of the NHL's Pacific and Central Divisions, read on 2026-10-20 (`pnpm venues:fetch <date> <division>`; the files are in `data-sources/venues/2026-10-20/`: `osm-<arena>.json` as Overpass returned them, and `wikidata-<division>.json` and `wikipedia-<division>.json`). The outline of a building is OpenStreetMap's, ODbL 1.0, (c) OpenStreetMap contributors, and lives in `src/venues.osm.data.ts` alone. The seats, the tiers and the roof are in `src/venues.data.ts`, with what each cites. No seat map of a team, a ticket seller or a venue is read or copied, and no mark of a team or a league is drawn.
 
-| Arena | Wikidata item | OpenStreetMap way | English article and revision |
+<!-- venues-notice -->
+| Arena | Wikidata item | OpenStreetMap element | English article and revision |
 | --- | --- | --- | --- |
 | Honda Center | Q774138 | way/120623151 | Honda Center, 1380000927 |
 | Scotiabank Saddledome | Q1140083 | way/4397328 | Scotiabank Saddledome, 1377341466 |
@@ -423,6 +424,15 @@ The eight arenas of the NHL's Pacific Division, read on 2026-10-20 (`pnpm venues
 | Climate Pledge Arena | Q977529 | way/25123756 | Climate Pledge Arena, 1380851727 |
 | Rogers Arena | Q517318 | way/24705911 | Rogers Arena, 1379918849 |
 | T-Mobile Arena | Q3338973 | way/364489406 | T-Mobile Arena, 1379155307 |
+| United Center | Q639975 | way/205221993 | United Center, 1380672233 |
+| Ball Arena | Q795470 | way/25312645 | Ball Arena, 1379560431 |
+| American Airlines Center | Q463345 | way/25312698 | American Airlines Center, 1379833787 |
+| Grand Casino Arena | Q1421388 | relation/20658401 | Grand Casino Arena, 1379407082 |
+| Bridgestone Arena | Q302869 | way/130905914 | Bridgestone Arena, 1380457078 |
+| Enterprise Center | Q1067700 | way/42369176 | Enterprise Center, 1372086380 |
+| Delta Center | Q82294 | way/23335190 | Delta Center, 1379043310 |
+| Canada Life Centre | Q656928 | way/14869890 | Canada Life Centre, 1379717047 |
+<!-- /venues-notice -->
 
 ## The stadiums' sources
 

package/README.md

@@ -13,6 +13,25 @@ The surfaces of forty-three sports, from football and curling to the budō and t
 
 <p align="center"><a href="https://johnmorrisdotca.github.io/kyogijo-stadiums/"><strong>Open the demo →</strong></a> · <a href="https://johnmorrisdotca.github.io/kyogijo-stadiums/docs/">Documentation</a> · <a href="https://johnmorrisdotca.github.io/kyogijo-stadiums/docs/gallery.html">Gallery</a> · <a href="./docs/compare.md">How it compares</a> · <a href="https://johnmorrisdotca.github.io/kyogijo-stadiums/api.html">API reference</a></p>
 
+<table align="center">
+<tr>
+<td align="center" valign="top">
+<picture>
+<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turning-venue-desk-dark.webp">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turning-venue-desk-light.webp" alt="A real arena turning once round in 3D: Climate Pledge Arena in the outline of its building, two tiers of seats round the rink." width="410">
+</picture>
+<br><em>A real arena, turning: Climate Pledge Arena in the outline of its building (OpenStreetMap).</em>
+</td>
+<td align="center" valign="top">
+<picture>
+<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turning-hall-desk-dark.webp">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turning-hall-desk-light.webp" alt="A tournament layout turning once round in 3D: four table tennis areas on one floor, a surround round each and a scoreboard hung over them." width="410">
+</picture>
+<br><em>A tournament layout, turning: four table tennis areas under one scoreboard.</em>
+</td>
+</tr>
+</table>
+
 > **Renamed.** Previously `@johnmorrisdotca/kyogijo`; renamed in 0.4.0 to `@johnmorrisdotca/kyogijo-stadiums`. The product is still Kyogijo Stadiums (競技場); only the package and the repository names changed. See the [changelog](./CHANGELOG.md).
 
 <table align="center">
@@ -36,6 +55,43 @@ The surfaces of forty-three sports, from football and curling to the budō and t
 
 Kyogijo Stadiums draws the places a game is played on, with the score of the game on them: the teams at their ends, the score in the middle, a label for what it was. The surfaces are drawn to scale from the rulebooks: a football field has its hash marks where the rules put them, a ballpark its fence where its published distances put it.
 
+## Look at these first
+
+<table align="center">
+<tr>
+<td align="center" valign="top">
+<picture>
+<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/venues-saddledome-3d-desk-dark.webp">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/venues-saddledome-3d-desk-light.webp" alt="The Scotiabank Saddledome in 3D: two tiers of seats under its saddle roof." width="400">
+</picture>
+<br><strong><a href="./docs/venues.md">Real arenas</a></strong>: the NHL's Western Conference, each in the outline of its building with a plausible bowl of the seats, tiers and roof the sources give; 2D and 3D, with the stands, walls and roof to switch.
+</td>
+<td align="center" valign="top">
+<picture>
+<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-tabletennis-3d-desk-dark.webp">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-tabletennis-3d-desk-light.webp" alt="Four table tennis areas on one floor in 3D, with a hung scoreboard." width="400">
+</picture>
+<br><strong><a href="./docs/multi.md">Tournament layouts</a></strong>: judo, table tennis and other areas on one floor, to scale, in a hall or a stadium, flat or in 3D.
+</td>
+</tr>
+<tr>
+<td align="center" valign="top">
+<picture>
+<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-broadcast-3d-desk-dark.webp">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-broadcast-3d-desk-light.webp" alt="A kata mat in 3D from the broadcast camera, with a board at its side listing each judge." width="400">
+</picture>
+<br><strong><a href="./docs/judging.md">Who judges where</a></strong>: each judo mat's officials by seat, a broadcast view with the officials on a board, and a page to print.
+</td>
+<td align="center" valign="top">
+<picture>
+<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/mma-cage-3d-desk-dark.webp">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/mma-cage-3d-desk-light.webp" alt="An MMA cage in 3D: a mesh fence on a solid platform." width="400">
+</picture>
+<br><strong><a href="./docs/combat.md">The combat sports</a></strong>: an MMA cage, boxing and wrestling rings and mats, flat and in 3D.
+</td>
+</tr>
+</table>
+
 ## In 30 seconds
 
 ```sh
@@ -505,38 +561,6 @@ console.log(layout.needs.length, layout.needs.width);
 // 47 19
 ```
 
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-judo-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-judo-desk-light.webp" alt="Three judo contest areas in a row on one red floor of mats, dressed with a sample event's name, simple emblems and boards." width="640">
-</picture>
-<br><em>Three judo contest areas on one floor of mats: 47 by 19 metres, with sample content.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-tabletennis-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-tabletennis-desk-light.webp" alt="Four table tennis areas in two rows of two on one blue floor, with sample words and emblems, a hung scoreboard and boards." width="640">
-</picture>
-<br><em>Four table tennis areas under one scoreboard.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-tabletennis-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-tabletennis-3d-desk-light.webp" alt="Four table tennis areas in 3D: tables on legs, a surround round each, a hung scoreboard." width="640">
-</picture>
-<br><em>The same four in 3D.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-judo-empty-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/multi-judo-empty-desk-light.webp" alt="The three judo areas with the places for the event's words and marks left empty and dashed." width="640">
-</picture>
-<br><em>Without `sample`: the empty places an organiser fills.</em>
-</p>
-
 ### Boards over a surface
 
 `board` lays a results board, a bout presentation or a medal table, any SVG, over a surface in 2D and 3D, off its middle and never stretched ([boards](./docs/boards.md)).
@@ -567,23 +591,16 @@ console.log(layout.needs.length, layout.needs.width);
 
 ### The real venues
 
-`crowd: { real: true }` draws an NHL arena in its building ([the real venues](./docs/venues.md)).
+`crowd: { real: true }` draws an NHL arena in its building: the outline from OpenStreetMap, the rink lying along the building where it says so, and a plausible bowl of the seats, tiers and roof the sources give. Sixteen arenas so far, the Western Conference's (Pacific and Central Divisions); the Eastern Conference follows ([the real venues](./docs/venues.md)). In 3D the demo's [venues page](https://johnmorrisdotca.github.io/kyogijo-stadiums/venues.html) turns by itself, with the stands, walls, roof, building, markings and labels switched on the view while it turns.
 
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/venues-honda-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/venues-honda-desk-light.webp" alt="The Honda Center's rink in its building's outline: two tiers of seats and a north arrow." width="640">
-</picture>
-<br><em>The Honda Center.</em>
-</p>
+```ts
+import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
+import { planVenue, venueById } from "@johnmorrisdotca/kyogijo-stadiums/venues";
 
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/venues-saddledome-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/venues-saddledome-3d-desk-light.webp" alt="The Saddledome in 3D: two tiers of seats under its roof." width="640">
-</picture>
-<br><em>The Saddledome, in 3D.</em>
-</p>
+const svg = drawKyogijo({ sport: "nhl", arena: "climate-pledge-arena", crowd: { real: true } });
+console.log(svg.includes("ky-cr-shell"), planVenue(venueById("climate-pledge-arena")!).total);
+// true 17151
+```
 
 ### A real stadium, and a district
 
@@ -609,32 +626,8 @@ console.log(layout.needs.length, layout.needs.width);
 
 `drawJudging` puts each judo mat's officials by seat in the picture and in a chart ([judging](./docs/judging.md)).
 
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-3d-desk-light.webp" alt="A kata area's judges' table in 3D, numbered badges, and the chart." width="640">
-</picture>
-<br><em>Judges, in 3D.</em>
-</p>
-
 The broadcast view puts the mat large, with the officials on a board at its side; `judgingPrint` prints one mat to an A4 or US letter page.
 
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-broadcast-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-broadcast-3d-desk-light.webp" alt="A kata mat in 3D from the Broadcast camera, with a dark board at its side listing each judge's number, name and ID." width="640">
-</picture>
-<br><em>The broadcast view.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-print-a4-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/judging-print-a4-desk-light.webp" alt="An A4 page with the plan of one kata mat and the chart of its five judges under it." width="640">
-</picture>
-<br><em>One mat to an A4 page.</em>
-</p>
-
 ### A table tennis area
 
 A table in the ITTF's playing area, 14 m by 7 m, with surrounds and chairs ([courts](./docs/courts.md#the-table-tennis-playing-area)).
@@ -679,46 +672,6 @@ A table in the ITTF's playing area, 14 m by 7 m, with surrounds and chairs ([cou
 
 An MMA cage, rings and wrestling mats ([the combat sports page](./docs/combat.md)).
 
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/mma-cage-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/mma-cage-desk-light.webp" alt="An MMA cage from above with a score" width="660">
-</picture>
-<br><em>With a score.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/mma-cage-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/mma-cage-3d-desk-light.webp" alt="The cage in 3D: a mesh fence on a solid platform" width="660">
-</picture>
-<br><em>The cage in 3D.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/boxing-ring-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/boxing-ring-3d-desk-light.webp" alt="The boxing ring in 3D: coloured corner posts, ropes and steps" width="660">
-</picture>
-<br><em>The ring in 3D.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/wrestling-mat-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/wrestling-mat-3d-desk-light.webp" alt="The UWW's wrestling mat in 3D on its platform" width="660">
-</picture>
-<br><em>The UWW's mat in 3D.</em>
-</p>
-
-<p align="center">
-<picture>
-<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/prowrestling-ring-3d-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/prowrestling-ring-3d-desk-light.webp" alt="A professional wrestling ring in 3D with three ropes" width="660">
-</picture>
-<br><em>A wrestling ring in 3D.</em>
-</p>
-
 ### The element in a page
 
 ```html
@@ -815,7 +768,7 @@ English and Japanese: the title, the description and the statuses of a drawing,
 Not here yet, each welcome as an [issue](https://github.com/johnmorrisdotca/kyogijo-stadiums/issues):
 
 - **More surfaces**: the FIBA and college courts, the international rink, rugby pitches, soccer's beach and street formats.
-- **More real venues**: the other divisions' arenas, then the NBA's, NFL's and MLB's, and more districts.
+- **More real venues**: the Eastern Conference's arenas, then the NBA's, NFL's and MLB's, and more districts.
 - **More parks of the past**: the 19th-century grounds, and the parks whose articles give no distances yet.
 - **More charts on data layers**: a formation chart, a pass sonar chart and a Voronoi chart of their own (the layers exist; see [team shape](./docs/team-shape.md)).
 - **Football in a different standard**: the college and high-school hash marks.

package/dist/district.d.ts

@@ -112,7 +112,7 @@ export declare const DISTRICT_MARGIN: Readonly<Record<DistrictMode, number>>;
  * import { planDistrict } from "@johnmorrisdotca/kyogijo-stadiums/district";
  * const plan = planDistrict({ venues: ["bc-place", "rogers-arena"] });
  * console.log(plan.mode, plan.members.length, Math.round(plan.between[0].metres));
- * // neighbours 2 380
+ * // neighbours 2 264
  * ```
  */
 export declare function planDistrict(options: DistrictOptions): DistrictPlan;

package/dist/district.js

@@ -97,7 +97,7 @@ const haversine = (a, b) => {
  * import { planDistrict } from "@johnmorrisdotca/kyogijo-stadiums/district";
  * const plan = planDistrict({ venues: ["bc-place", "rogers-arena"] });
  * console.log(plan.mode, plan.members.length, Math.round(plan.between[0].metres));
- * // neighbours 2 380
+ * // neighbours 2 264
  * ```
  */
 export function planDistrict(options) {

package/dist/index.d.ts

@@ -63,8 +63,8 @@ export { ERA_CURRENT, ERA_SOURCES, ERA_SPORTS, eraChanges, eraRange, eraStates,
 export type { EraChange, EraRules, EraRulesOf, EraSource, EraSpan, EraSport, FootballRules, MlbRules, NbaRules, NhlRules } from "./eras.ts";
 export { ARENA_IDS, ARENAS, arenaById, arenaByName, arenaByWikidata, arenaCourtIn, arenaNameIn, arenaOfficialName, arenaRinkIn, arenaSourceUrl, arenasByName } from "./arenas.ts";
 export type { Arena, ArenaCapacity, ArenaData, ArenaName, ArenaSize, ArenaSource } from "./arenas.ts";
-export { VENUE_ATTRIBUTION, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn } from "./venues.ts";
-export type { RealVenue, RealVenueData, VenueBasis, VenueDivision, VenueOrientation, VenueOsm, VenuePlan, VenueRoof } from "./venues.ts";
+export { VENUE_ATTRIBUTION, VENUE_CONFERENCES, VENUE_DIVISIONS, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, conferenceOf, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn, venuesInConference } from "./venues.ts";
+export type { RealVenue, RealVenueData, VenueBasis, VenueConference, VenueDivision, VenueOrientation, VenueOsm, VenuePlan, VenueRoof } from "./venues.ts";
 export { GROUND_IDS, GROUNDS, groundById, groundByName, groundByWikidata, groundNameIn, groundOfficialName, groundSourceUrl, groundsByName, groundsHosting } from "./grounds.ts";
 export type { Ground, GroundCompetition, GroundData, GroundName, GroundSource, GroundTournament } from "./grounds.ts";
 export { AFL_GROUNDS, FAMILY_OF, LEAGUES, LEAGUE_SOURCES, VARIANTS, chooseLeague, hasHistory, leagueAt, leagueById, leagueChanges, leagueFigures, leagueIds, leagueSeason, leagueSize } from "./leagues.ts";

package/dist/index.js

@@ -39,7 +39,7 @@ export { PARKS, PARK_IDS, fenceFor, parkById, parkByName, parkByWikidata, parkNa
 export { officialName, plainName } from "./names.js";
 export { ERA_CURRENT, ERA_SOURCES, ERA_SPORTS, eraChanges, eraRange, eraStates, footballIn, rulesFor, seasonLabel } from "./eras.js";
 export { ARENA_IDS, ARENAS, arenaById, arenaByName, arenaByWikidata, arenaCourtIn, arenaNameIn, arenaOfficialName, arenaRinkIn, arenaSourceUrl, arenasByName } from "./arenas.js";
-export { VENUE_ATTRIBUTION, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn } from "./venues.js";
+export { VENUE_ATTRIBUTION, VENUE_CONFERENCES, VENUE_DIVISIONS, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, conferenceOf, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn, venuesInConference } from "./venues.js";
 export { GROUND_IDS, GROUNDS, groundById, groundByName, groundByWikidata, groundNameIn, groundOfficialName, groundSourceUrl, groundsByName, groundsHosting } from "./grounds.js";
 export { AFL_GROUNDS, FAMILY_OF, LEAGUES, LEAGUE_SOURCES, VARIANTS, chooseLeague, hasHistory, leagueAt, leagueById, leagueChanges, leagueFigures, leagueIds, leagueSeason, leagueSize } from "./leagues.js";
 export { SURFACE_UNITS, UNITS, convertLength, isUnit } from "./units.js";

package/dist/turn.dom.d.ts

@@ -1,6 +1,7 @@
 import { type TurnPreset, type TurnView } from "./turn.camera.ts";
 import { type TurnModel, type TurnSettings } from "./turn.model.ts";
 import type { ScoreOptions, SurfaceOptions } from "./types.ts";
+import type { VenueSettings } from "./venue.ts";
 /** What `mountKyogijoTurn` gives back. `O` is what `update` takes: the options of a drawing, or (for `mountMultiTurn`) of a tournament layout. */
 export interface KyogijoTurn<O = SurfaceOptions | ScoreOptions> {
     /** `3d`, or `flat` where the browser cannot draw the 3D view (or there is nothing to turn): the flat drawing is shown and the rest of this does nothing. */
@@ -13,8 +14,13 @@ export interface KyogijoTurn<O = SurfaceOptions | ScoreOptions> {
     preset(name: TurnPreset): void;
     /** Back to the opening view. */
     reset(): void;
-    /** Draw again with new options (a score that moved, a look that changed), keeping the view. */
-    update(options: O): void;
+    /**
+     * Draw again with new options (a score that moved, a look that changed), keeping the view and the auto-turn: the view goes on turning. `change` alters what the venue's walls and roof stand on (the settings `venue` was
+     * mounted with, the parts given), so that a page can switch them on and off without mounting the view again.
+     */
+    update(options: O, change?: {
+        venue?: VenueSettings;
+    }): void;
     /** Whether the auto-turn is running. */
     readonly playing: boolean;
     /** Start the auto-turn, a slow turn of the whole view. It gives whether it is running (a surface that cannot turn gives `false`). Nothing turns by itself until this, the Play button or Space starts it, unless `autoPlay` asked. */

package/dist/turn.dom.js

@@ -40,6 +40,8 @@ export function mountKyogijoTurn(host, options, settings = {}) {
 export function mountTurn(host, options, settings, build) {
     const doc = host.ownerDocument;
     const win = doc.defaultView;
+    /** The venue's settings as they are now: the mounted ones, altered by `update`. */
+    let venue = settings.venue;
     let model = build(options, settings);
     /** What names the four viewpoints: the model's own table (a tournament layout has one), else the sport's. */
     const sport = () => model.presets ?? model.options.sport;
@@ -61,8 +63,10 @@ export function mountTurn(host, options, settings, build) {
             play: () => false,
             pause: () => undefined,
             togglePlay: () => false,
-            update: (next) => {
-                model = build(next, settings);
+            update: (next, change) => {
+                if (change?.venue !== undefined)
+                    venue = { ...(typeof venue === "object" ? venue : {}), ...change.venue };
+                model = build(next, { ...settings, id: settings.id ?? model.id, venue });
                 flat(next);
             },
             svg: () => (alive ? host.querySelector("svg.kyogijo") : null),
@@ -436,10 +440,12 @@ export function mountTurn(host, options, settings, build) {
         },
         preset: toPreset,
         reset: toOpening,
-        update(next) {
+        update(next, change) {
             if (!alive)
                 return;
-            model = build(next, { ...settings, preset: undefined, view });
+            if (change?.venue !== undefined)
+                venue = { ...(typeof venue === "object" ? venue : {}), ...change.venue };
+            model = build(next, { ...settings, id: settings.id ?? model.id, venue, preset: undefined, view });
             view = clampView(view);
             opening = openingView(settings, sport());
             const layout = layoutOf(model, shown, stage.clientWidth || 960, stage.clientHeight || 600, settings.lens);

package/dist/venue.d.ts

@@ -8,6 +8,8 @@ export interface VenueSettings {
     roof?: boolean;
     /** A retractable roof (a real venue's: BC Place's) drawn open, the fabric gathered into its pod, instead of closed over the opening. Closed by default. */
     roofOpen?: boolean;
+    /** The walls of a real venue's building (`crowd: { real: true }`), raised on its outline: they follow `roof` where left out (a roof and walls together, as before), and `walls: true` with `roof` off raises the walls alone, `roof: true` with `walls: false` the roof alone. */
+    walls?: boolean;
     /** How finely the curves are cut: `low` a facet to each corner, `auto` (the default) three, `high` six; an oval is 12, 28 or 56 facets round. */
     detail?: Cut;
 }

package/dist/venue.js

@@ -150,8 +150,9 @@ export function standsVenueOf(stands, crowd, o, v, lift) {
     if (wallSeats.length > 0)
         items.push({ id: "wall-seats", kind: "wall-seats", at: centre, height: topOf(wallSeats), planes: wallSeats });
     // The roof: a canopy over the back of the top tier, or a lid over it in a hall. A real venue has its own: the walls of its building and a roof of its kind over them.
-    if (stands.real !== undefined && v.roof === true)
-        items.push(...realBuilding(stands.real, topRing(stands), centre, lift, ARC_STEPS[cut].oval * 2, v.roofOpen === true));
+    const [walls, roof] = [v.walls ?? v.roof === true, v.roof === true];
+    if (stands.real !== undefined && (walls || roof))
+        items.push(...realBuilding(stands.real, topRing(stands), centre, lift, ARC_STEPS[cut].oval * 2, v.roofOpen === true, { walls, roof }));
     const top = v.roof === true && crowd.roof && stands.real === undefined ? topRing(stands) : undefined;
     if (top !== undefined) {
         const lid = INDOOR.includes(String(o.sport));

package/dist/venue.real.d.ts

@@ -8,10 +8,13 @@ export declare function saddleAt(real: Pick<RealShell, "footprint">, [x, y]: Pt)
 /** The height of the roof over a point of the building's edge, above the surface, in feet. */
 export declare const roofAt: (real: RealShell, p: Pt) => number;
 /**
- * The walls and the roof of a real venue. The hall is the building's outline cut to the bowl's wall and a margin (`RealShell.hall`): its rim is where a ray from the middle meets the one or the other first, in `steps`
+ * The walls and the roof of a real venue (`parts` says which are made). The hall is the building's outline cut to the bowl's wall and a margin (`RealShell.hall`): its rim is where a ray from the middle meets the one or the other first, in `steps`
  * rays. A wall stands on each stretch of the rim, up to the roof's height over it; the roof is a band from the rim in to the inner edge of the top tier (the middle stays open, as the 3D view's roofs are).
  */
-export declare function realBuilding(real: RealShell, top: StandRing | undefined, centre: readonly [number, number], lift: number, steps: number, open?: boolean): Items;
+export declare function realBuilding(real: RealShell, top: StandRing | undefined, centre: readonly [number, number], lift: number, steps: number, open?: boolean, parts?: {
+    walls: boolean;
+    roof: boolean;
+}): Items;
 /** The pod in the middle of a cable roof's opening, as a share of the opening's size, and how thick it is, in feet (ours: the article says the fabric gathers into a pod above the video board, not how large it is). */
 export declare const POD: {
     readonly share: 0.24;

package/dist/venue.real.js

@@ -52,10 +52,10 @@ function slopeThrough(points) {
     return { x0: mx, y0: my, z0: mz, gx, gy };
 }
 /**
- * The walls and the roof of a real venue. The hall is the building's outline cut to the bowl's wall and a margin (`RealShell.hall`): its rim is where a ray from the middle meets the one or the other first, in `steps`
+ * The walls and the roof of a real venue (`parts` says which are made). The hall is the building's outline cut to the bowl's wall and a margin (`RealShell.hall`): its rim is where a ray from the middle meets the one or the other first, in `steps`
  * rays. A wall stands on each stretch of the rim, up to the roof's height over it; the roof is a band from the rim in to the inner edge of the top tier (the middle stays open, as the 3D view's roofs are).
  */
-export function realBuilding(real, top, centre, lift, steps, open = false) {
+export function realBuilding(real, top, centre, lift, steps, open = false, parts = { walls: true, roof: true }) {
     const items = [];
     const c = [centre[0], centre[1]];
     const rim = Array.from({ length: steps }, (_, k) => {
@@ -73,10 +73,10 @@ export function realBuilding(real, top, centre, lift, steps, open = false) {
         const high = lift + roofAt(real, [(a[0] + b[0]) / 2, (a[1] + b[1]) / 2]);
         planes.push({ ...shy(wall(`shell-${i}`, "wall", a[0], a[1], b[0], b[1], 0, high, `<rect class="u-shell" width="${n(long)}" height="${n(high)}"/>`), centre), fadeTo: 0.02 });
     });
-    if (planes.length > 0)
+    if (parts.walls && planes.length > 0)
         items.push({ id: "shell", kind: "walls", at: centre, height: Math.max(...planes.map((p) => p.o[2])), planes });
     const crown = real.roof === "cable" ? real.crown : undefined;
-    if (top?.hole == null && crown === undefined)
+    if (!parts.roof || (top?.hole == null && crown === undefined))
         return items;
     const roof = [];
     // A cable roof rises from the rim of the hall to the opening over the surface; any other is a band from the rim in to the inner edge of the top tier.

package/dist/venues-entry.d.ts

@@ -1,2 +1,2 @@
-export { VENUE_ATTRIBUTION, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn } from "./venues.ts";
-export type { RealVenue, RealVenueData, VenueBasis, VenueDivision, VenueOrientation, VenueOsm, VenuePlan, VenueRoof } from "./venues.ts";
+export { VENUE_ATTRIBUTION, VENUE_CONFERENCES, VENUE_DIVISIONS, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, conferenceOf, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn, venuesInConference } from "./venues.ts";
+export type { RealVenue, RealVenueData, VenueBasis, VenueConference, VenueDivision, VenueOrientation, VenueOsm, VenuePlan, VenueRoof } from "./venues.ts";

package/dist/venues-entry.js

@@ -1,2 +1,2 @@
 // The real venues of the NHL's arenas: the outline of each building and the way its rink lies (OpenStreetMap, ODbL 1.0) and a plausible bowl from the seats, tiers and roof the sources give (Wikidata, Wikipedia).
-export { VENUE_ATTRIBUTION, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn } from "./venues.js";
+export { VENUE_ATTRIBUTION, VENUE_CONFERENCES, VENUE_DIVISIONS, VENUE_IDS, VENUES, arenaOfVenue, bowlInside, conferenceOf, planVenue, venueBowl, venueById, venueByWikidata, venueOrientation, venueRink, venuesIn, venuesInConference } from "./venues.js";

package/dist/venues.d.ts

@@ -6,8 +6,15 @@ export { VENUE_ATTRIBUTION };
 export type VenueBasis = "documented" | "plausible";
 /** The kinds of roof the venues have: `fixed` is a lid over the bowl, `saddle` a roof that rises at the two ends and falls at the two sides (the Scotiabank Saddledome's). */
 export type VenueRoof = "fixed" | "saddle";
-/** The NHL's divisions that have venues so far. */
-export type VenueDivision = "pacific";
+/** The NHL's divisions, in the order of the league's own listing: the Western Conference's two, then the Eastern's. A division none of whose arenas has a venue yet has no venues in `venuesIn`. */
+export declare const VENUE_DIVISIONS: readonly ["pacific", "central", "atlantic", "metropolitan"];
+export type VenueDivision = (typeof VENUE_DIVISIONS)[number];
+/** The NHL's two conferences, and the divisions of each. */
+export declare const VENUE_CONFERENCES: {
+    readonly western: readonly ["pacific", "central"];
+    readonly eastern: readonly ["atlantic", "metropolitan"];
+};
+export type VenueConference = keyof typeof VENUE_CONFERENCES;
 /** The facts of a venue: the seats and the number of seating levels and the kind of roof, each with what a source says. No text of an article is kept. */
 export interface RealVenueData {
     /** The key of the arena in `ARENAS`: `honda-center`. */
@@ -82,7 +89,7 @@ export interface VenueOrientation {
     basis: "mapped" | "building" | "none";
     north: number;
 }
-/** The venues by key: every arena of the Pacific division of the NHL, with its facts and its outline. */
+/** The venues by key: the arenas of the NHL's divisions that have been drawn, with their facts and their outlines. */
 export declare const VENUES: Readonly<Record<string, RealVenue>>;
 /** The keys of `VENUES`, in the order of the data. */
 export declare const VENUE_IDS: readonly string[];
@@ -92,6 +99,10 @@ export declare const venueById: (id: string | undefined) => RealVenue | undefine
 export declare const venueByWikidata: (wikidata: string | undefined) => RealVenue | undefined;
 /** The venues of a division of the NHL, in the order of the data. */
 export declare const venuesIn: (division: VenueDivision) => RealVenue[];
+/** The conference a division of the NHL is in. */
+export declare const conferenceOf: (division: VenueDivision) => VenueConference;
+/** The venues of a conference of the NHL, division by division, in the order of the data. */
+export declare const venuesInConference: (conference: VenueConference) => RealVenue[];
 /** The arena a venue is of. */
 export declare const arenaOfVenue: (venue: RealVenue) => Arena;
 /** How the rink lies in a venue's building (see `VenueOsm.axis`). */

package/dist/venues.data.js

@@ -71,4 +71,76 @@ export const VENUE_DATA = [
         "tiers": { "count": 2, "basis": "plausible", "read": "no source says how many seating levels there are: two bowls are drawn" },
         "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise" },
     },
+    {
+        "id": "united-center",
+        "wikidata": "Q639975",
+        "division": "central",
+        "en": { "title": "United Center", "revision": 1380672233 },
+        "seats": { "hockey": 19717, "source": "wikipedia", "wikidata": 23500, "read": "the article's seating line for ice hockey, 19,717 (22,428 with standing room), which the infobox gives too; Wikidata's one capacity (23,500) is the concert one" },
+        "tiers": { "count": 2, "basis": "documented", "read": "the article tells of the 300 level seating bowl and of three levels of suites (down from 216 sky-boxes to 169 executive suites after 2009-10): a lower bowl and the 300 level, with the suites between as walks" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise; the article says the building is 140 feet tall, of concrete and steel" },
+    },
+    {
+        "id": "ball-arena",
+        "wikidata": "Q795470",
+        "division": "central",
+        "en": { "title": "Ball Arena", "revision": 1379560431 },
+        "seats": { "hockey": 17809, "source": "wikipedia", "wikidata": 19155, "read": "the infobox's figure for hockey (given with lacrosse), 17,809; Wikidata's capacity without a sport is 19,155 and its other (17,417) is for futsal" },
+        "tiers": { "count": 2, "basis": "plausible", "read": "no source says how many seating levels there are: two bowls are drawn" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise" },
+    },
+    {
+        "id": "american-airlines-center",
+        "wikidata": "Q463345",
+        "division": "central",
+        "en": { "title": "American Airlines Center", "revision": 1379833787 },
+        "seats": { "hockey": 18532, "source": "wikipedia", "wikidata": 19200, "read": "the infobox's figure for ice hockey, 18,532 (19,323 with standing room); Wikidata's one capacity (19,200) is the basketball one" },
+        "tiers": { "count": 2, "basis": "plausible", "read": "no source says how many seating levels there are: two bowls are drawn; the article speaks of retractable seating, which the bowl does not draw" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise; the article says the roof looks like a Quonset hut, a barrel vault, which the one kind of fixed roof does not draw" },
+    },
+    {
+        "id": "grand-casino-arena",
+        "wikidata": "Q1421388",
+        "division": "central",
+        "en": { "title": "Grand Casino Arena", "revision": 1379407082 },
+        "seats": { "hockey": 17954, "source": "wikidata", "wikidata": 17954, "read": "Wikidata's capacity for ice hockey from 2012 (P1083 with P641 ice hockey and P580 2012), the later of its two (18,064 from 2000); the article's lede and infobox give 17,954 too" },
+        "tiers": { "count": 3, "basis": "documented", "read": "the article says the arena has four spectator levels, one of suites and three for general seating: three seating bowls, with the suite level as a walk between them" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise" },
+    },
+    {
+        "id": "bridgestone-arena",
+        "wikidata": "Q302869",
+        "division": "central",
+        "en": { "title": "Bridgestone Arena", "revision": 1380457078 },
+        "seats": { "hockey": 17510, "source": "wikidata", "wikidata": 17510, "read": "Wikidata's capacity for ice hockey (P1083 with P641 ice hockey); the article's own line gives 17,159, 2.0 percent fewer" },
+        "tiers": { "count": 2, "basis": "plausible", "read": "no source says how many seating levels there are everywhere in the building: two bowls are drawn; the article speaks of upper-level seats and, at the south end only, of no mid-level seating and one level of suites" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise; the article speaks of two round roof support columns at the south end, which are not drawn" },
+    },
+    {
+        "id": "enterprise-center",
+        "wikidata": "Q1067700",
+        "division": "central",
+        "en": { "title": "Enterprise Center", "revision": 1372086380 },
+        "seats": { "hockey": 18096, "source": "wikipedia", "wikidata": 18400, "read": "the infobox's figure for ice hockey, 18,096, which the article's first sentence gives too; Wikidata's one capacity (18,400) is not for hockey" },
+        "tiers": { "count": 2, "basis": "documented", "read": "the article tells of the replacement of all upper-tier seats and of the lower-tier seats in the 2017 to 2019 renovation: two seating tiers" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise" },
+    },
+    {
+        "id": "delta-center",
+        "wikidata": "Q82294",
+        "division": "central",
+        "en": { "title": "Delta Center", "revision": 1379043310 },
+        "seats": { "hockey": 16020, "source": "wikipedia", "wikidata": 19911, "read": "the infobox's figure for ice hockey, 16,020, which the article's lede gives as the most for ice hockey; Wikidata's one capacity (19,911) is not for hockey" },
+        "tiers": { "count": 2, "basis": "plausible", "read": "no source says how many seating levels there are: two bowls are drawn; the article speaks of a lower bowl rebuilt in 2025 and of terrace-style ledges" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise" },
+    },
+    {
+        "id": "canada-life-centre",
+        "wikidata": "Q656928",
+        "division": "central",
+        "en": { "title": "Canada Life Centre", "revision": 1379717047 },
+        "seats": { "hockey": 15225, "source": "wikipedia", "wikidata": 15004, "read": "the article's seating capacity for hockey games, 15,225, which the infobox gives as the top of 8,812 to 15,225; Wikidata's one capacity (15,004) is older, before 278 premium seats were added to the upper level in 2015" },
+        "tiers": { "count": 2, "basis": "documented", "lowerShare": 0.579, "read": "the article says the lower bowl holds 8,812 and that premium seats were added to the upper level: two seating levels, the lower with 8,812 of the 15,225" },
+        "roof": { "kind": "fixed", "basis": "plausible", "read": "an indoor arena: a fixed roof, as nothing says otherwise" },
+    },
 ];

package/dist/venues.geo.d.ts

@@ -5,6 +5,28 @@ export type LonLat = readonly [number, number];
 export declare function metresFrom(origin: LonLat, ring: readonly LonLat[]): Pt[];
 /** The inverse of `metresFrom`: a point given as east and north metres from `origin`, in degrees. */
 export declare function lonLatFrom(origin: LonLat, [east, north]: Pt): LonLat;
+/** A point as OpenStreetMap's Overpass API returns it. */
+export interface OsmPoint {
+    lat: number;
+    lon: number;
+}
+/** An element as Overpass returns it with its geometry (`out geom`): a way's points, or a relation's members, each with theirs. */
+export interface OsmElement {
+    type: string;
+    id: number;
+    geometry?: readonly OsmPoint[];
+    members?: readonly {
+        type: string;
+        ref: number;
+        role: string;
+        geometry?: readonly OsmPoint[];
+    }[];
+}
+/**
+ * The closed outline an OpenStreetMap element is, as its points with the first repeated at the end, or `undefined`: a closed way is its own; a multipolygon relation is its outer members joined end to end into one
+ * ring (a building drawn in two or more ways); a relation with two outer rings or an outer way that does not close is not an outline (the caller says what rule it needs). Inner members are courtyards and are left out.
+ */
+export declare function outerRingOf(element: OsmElement): OsmPoint[] | undefined;
 /** The mean of a ring's longitudes and latitudes: a point to measure from. */
 export declare const middleOf: (ring: readonly LonLat[]) => LonLat;
 /** The area of a polygon, unsigned. */

package/dist/venues.geo.js

@@ -9,6 +9,34 @@ export function metresFrom(origin, ring) {
 export function lonLatFrom(origin, [east, north]) {
     return [origin[0] + east / (RAD * EARTH * Math.cos(origin[1] * RAD)), origin[1] + north / (RAD * EARTH)];
 }
+const same = (a, b) => a.lat === b.lat && a.lon === b.lon;
+/**
+ * The closed outline an OpenStreetMap element is, as its points with the first repeated at the end, or `undefined`: a closed way is its own; a multipolygon relation is its outer members joined end to end into one
+ * ring (a building drawn in two or more ways); a relation with two outer rings or an outer way that does not close is not an outline (the caller says what rule it needs). Inner members are courtyards and are left out.
+ */
+export function outerRingOf(element) {
+    if (element.type === "way") {
+        const g = element.geometry;
+        return g !== undefined && g.length > 3 && same(g[0], g[g.length - 1]) ? [...g] : undefined;
+    }
+    if (element.type !== "relation" || element.members === undefined)
+        return undefined;
+    const parts = element.members.filter((m) => m.type === "way" && m.role === "outer" && m.geometry !== undefined && m.geometry.length > 1).map((m) => [...m.geometry]);
+    if (parts.length === 0)
+        return undefined;
+    const ring = parts.shift();
+    while (!same(ring[0], ring[ring.length - 1]) && parts.length > 0) {
+        const tail = ring[ring.length - 1];
+        const next = parts.findIndex((part) => same(part[0], tail) || same(part[part.length - 1], tail));
+        if (next < 0)
+            return undefined;
+        const [part] = parts.splice(next, 1);
+        if (!same(part[0], tail))
+            part.reverse();
+        ring.push(...part.slice(1));
+    }
+    return parts.length === 0 && ring.length > 3 && same(ring[0], ring[ring.length - 1]) ? ring : undefined;
+}
 /** The mean of a ring's longitudes and latitudes: a point to measure from. */
 export const middleOf = (ring) => [ring.reduce((s, p) => s + p[0], 0) / ring.length, ring.reduce((s, p) => s + p[1], 0) / ring.length];
 /** The area of a polygon, unsigned. */

package/dist/venues.js

@@ -9,7 +9,11 @@ import { boxOf, edgeDistance, inside, metresFrom, middleOf, northOn, turnedTo }
 import { VENUE_DATA } from "./venues.data.js";
 import { VENUE_ATTRIBUTION, VENUE_OSM } from "./venues.osm.data.js";
 export { VENUE_ATTRIBUTION };
-/** The venues by key: every arena of the Pacific division of the NHL, with its facts and its outline. */
+/** The NHL's divisions, in the order of the league's own listing: the Western Conference's two, then the Eastern's. A division none of whose arenas has a venue yet has no venues in `venuesIn`. */
+export const VENUE_DIVISIONS = ["pacific", "central", "atlantic", "metropolitan"];
+/** The NHL's two conferences, and the divisions of each. */
+export const VENUE_CONFERENCES = { western: ["pacific", "central"], eastern: ["atlantic", "metropolitan"] };
+/** The venues by key: the arenas of the NHL's divisions that have been drawn, with their facts and their outlines. */
 export const VENUES = Object.freeze(Object.fromEntries(VENUE_DATA.map((data) => [data.id, Object.freeze({ ...data, osm: VENUE_OSM[data.id] })])));
 /** The keys of `VENUES`, in the order of the data. */
 export const VENUE_IDS = Object.freeze(VENUE_DATA.map((data) => data.id));
@@ -19,6 +23,10 @@ export const venueById = (id) => (id !== undefined && Object.prototype.hasOwnPro
 export const venueByWikidata = (wikidata) => Object.values(VENUES).find((venue) => venue.wikidata === wikidata);
 /** The venues of a division of the NHL, in the order of the data. */
 export const venuesIn = (division) => Object.values(VENUES).filter((venue) => venue.division === division);
+/** The conference a division of the NHL is in. */
+export const conferenceOf = (division) => VENUE_CONFERENCES.western.includes(division) ? "western" : "eastern";
+/** The venues of a conference of the NHL, division by division, in the order of the data. */
+export const venuesInConference = (conference) => VENUE_CONFERENCES[conference].flatMap((division) => venuesIn(division));
 /** The arena a venue is of. */
 export const arenaOfVenue = (venue) => {
     const arena = arenaById(venue.id);

package/dist/venues.osm.data.js

@@ -360,4 +360,370 @@ export const VENUE_OSM = {
             [-115.178259, 36.102039],
         ],
     },
+    "united-center": {
+        "source": "way/205221993",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:33:18Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 90, "basis": "building", "strength": 1.93, "elongation": 1.36, "centre": [-87.67419, 41.880684] },
+        "ring": [
+            [-87.67477, 41.881206],
+            [-87.674976, 41.881201],
+            [-87.674976, 41.881158],
+            [-87.67507, 41.881155],
+            [-87.675066, 41.881085],
+            [-87.675125, 41.881084],
+            [-87.675121, 41.880907],
+            [-87.675104, 41.880906],
+            [-87.675149, 41.880782],
+            [-87.67518, 41.88078],
+            [-87.675178, 41.880549],
+            [-87.675143, 41.880552],
+            [-87.67509, 41.880426],
+            [-87.675104, 41.880422],
+            [-87.675103, 41.880245],
+            [-87.675049, 41.880246],
+            [-87.675045, 41.880174],
+            [-87.674946, 41.880176],
+            [-87.674944, 41.880135],
+            [-87.674742, 41.880138],
+            [-87.67474, 41.880117],
+            [-87.674168, 41.880122],
+            [-87.673601, 41.880133],
+            [-87.673601, 41.880155],
+            [-87.673393, 41.880157],
+            [-87.673393, 41.880199],
+            [-87.673293, 41.880199],
+            [-87.673293, 41.880275],
+            [-87.673242, 41.880275],
+            [-87.673247, 41.880455],
+            [-87.673262, 41.880461],
+            [-87.673218, 41.880584],
+            [-87.673187, 41.880585],
+            [-87.673196, 41.880814],
+            [-87.673232, 41.880814],
+            [-87.673276, 41.880931],
+            [-87.673255, 41.880937],
+            [-87.673263, 41.881114],
+            [-87.673322, 41.881115],
+            [-87.673322, 41.88118],
+            [-87.673422, 41.881181],
+            [-87.673421, 41.881226],
+            [-87.673627, 41.881223],
+            [-87.673626, 41.881241],
+            [-87.674213, 41.881239],
+            [-87.674769, 41.881226],
+        ],
+    },
+    "ball-arena": {
+        "source": "way/25312645",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:33:18Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "height": 22,
+        "axis": { "heading": 90, "basis": "none", "strength": 1.26, "elongation": 1.02, "centre": [-105.007573, 39.748633] },
+        "ring": [
+            [-105.008169, 39.749084],
+            [-105.008338, 39.748973],
+            [-105.008439, 39.748857],
+            [-105.008498, 39.748726],
+            [-105.008512, 39.748603],
+            [-105.008498, 39.748498],
+            [-105.008449, 39.748382],
+            [-105.00837, 39.748281],
+            [-105.008268, 39.7482],
+            [-105.008098, 39.748114],
+            [-105.008077, 39.748156],
+            [-105.007939, 39.748121],
+            [-105.00785, 39.748115],
+            [-105.007829, 39.748063],
+            [-105.007872, 39.74804],
+            [-105.007756, 39.747764],
+            [-105.007484, 39.74798],
+            [-105.007254, 39.748038],
+            [-105.007224, 39.747996],
+            [-105.00704, 39.74808],
+            [-105.006878, 39.748188],
+            [-105.00693, 39.748223],
+            [-105.00681, 39.748372],
+            [-105.006749, 39.748523],
+            [-105.006624, 39.74863],
+            [-105.006638, 39.748641],
+            [-105.006521, 39.748736],
+            [-105.006734, 39.748736],
+            [-105.006738, 39.748757],
+            [-105.006766, 39.748757],
+            [-105.006796, 39.748878],
+            [-105.00686, 39.748986],
+            [-105.00696, 39.749077],
+            [-105.006919, 39.749103],
+            [-105.007099, 39.749198],
+            [-105.007072, 39.74924],
+            [-105.006874, 39.749291],
+            [-105.006962, 39.749349],
+            [-105.00719, 39.749449],
+            [-105.007191, 39.749467],
+            [-105.00745, 39.749525],
+            [-105.007633, 39.749535],
+            [-105.007613, 39.749485],
+            [-105.007884, 39.749454],
+            [-105.007869, 39.749385],
+            [-105.007985, 39.749351],
+            [-105.007956, 39.749294],
+            [-105.008018, 39.749277],
+            [-105.007993, 39.749232],
+            [-105.008094, 39.749221],
+            [-105.008075, 39.749183],
+            [-105.008185, 39.749115],
+        ],
+    },
+    "american-airlines-center": {
+        "source": "way/25312698",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:35:07Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 144, "basis": "building", "strength": 2.19, "elongation": 1.31, "centre": [-96.81028, 32.79049] },
+        "ring": [
+            [-96.810234, 32.791328],
+            [-96.810164, 32.791245],
+            [-96.810182, 32.791236],
+            [-96.810056, 32.791086],
+            [-96.810012, 32.791113],
+            [-96.809956, 32.791046],
+            [-96.809969, 32.791039],
+            [-96.809568, 32.790561],
+            [-96.809555, 32.790569],
+            [-96.8095, 32.790504],
+            [-96.809545, 32.790477],
+            [-96.80934, 32.790256],
+            [-96.809439, 32.790198],
+            [-96.809429, 32.790171],
+            [-96.80958, 32.790081],
+            [-96.809551, 32.790046],
+            [-96.809959, 32.789817],
+            [-96.809952, 32.789809],
+            [-96.81003, 32.789763],
+            [-96.810056, 32.789794],
+            [-96.810209, 32.789704],
+            [-96.81024, 32.789718],
+            [-96.810339, 32.789661],
+            [-96.810408, 32.789744],
+            [-96.810392, 32.789752],
+            [-96.81051, 32.789892],
+            [-96.810556, 32.789865],
+            [-96.810611, 32.789932],
+            [-96.810599, 32.789939],
+            [-96.810997, 32.790421],
+            [-96.81101, 32.790413],
+            [-96.811063, 32.790477],
+            [-96.811021, 32.790502],
+            [-96.811154, 32.790659],
+            [-96.811168, 32.790649],
+            [-96.811237, 32.790731],
+            [-96.811139, 32.79079],
+            [-96.81113, 32.790776],
+            [-96.810963, 32.790875],
+            [-96.811009, 32.790929],
+            [-96.810986, 32.790943],
+            [-96.810931, 32.790975],
+            [-96.810924, 32.790967],
+            [-96.81053, 32.791213],
+            [-96.810484, 32.791159],
+            [-96.810319, 32.791257],
+            [-96.810331, 32.791269],
+        ],
+    },
+    "grand-casino-arena": {
+        "source": "relation/20658401",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:42:20Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 120, "basis": "building", "strength": 1.51, "elongation": 1.12, "centre": [-93.101118, 44.94475] },
+        "ring": [
+            [-93.101946, 44.945149],
+            [-93.101869, 44.945235],
+            [-93.101693, 44.945367],
+            [-93.101482, 44.945465],
+            [-93.101311, 44.945508],
+            [-93.101106, 44.945509],
+            [-93.101131, 44.945374],
+            [-93.10048, 44.945305],
+            [-93.100506, 44.945284],
+            [-93.100006, 44.945241],
+            [-93.100101, 44.9447],
+            [-93.100263, 44.944555],
+            [-93.100451, 44.944321],
+            [-93.100614, 44.944037],
+            [-93.100731, 44.944047],
+            [-93.100747, 44.943959],
+            [-93.100821, 44.943966],
+            [-93.100815, 44.943991],
+            [-93.101246, 44.944032],
+            [-93.101382, 44.944108],
+            [-93.101341, 44.944145],
+            [-93.102061, 44.944549],
+            [-93.102104, 44.94451],
+            [-93.102203, 44.94456],
+            [-93.102207, 44.944633],
+            [-93.102063, 44.944755],
+            [-93.102049, 44.944967],
+        ],
+    },
+    "bridgestone-arena": {
+        "source": "way/130905914",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:37:18Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 156, "basis": "building", "strength": 1.74, "elongation": 1.21, "centre": [-86.778468, 36.159052] },
+        "ring": [
+            [-86.779614, 36.159778],
+            [-86.778759, 36.160135],
+            [-86.778748, 36.160074],
+            [-86.778708, 36.160087],
+            [-86.778657, 36.160137],
+            [-86.77863, 36.160144],
+            [-86.778566, 36.160124],
+            [-86.778547, 36.160061],
+            [-86.778603, 36.160001],
+            [-86.778587, 36.159892],
+            [-86.778367, 36.159879],
+            [-86.778252, 36.15984],
+            [-86.77811, 36.159773],
+            [-86.778, 36.159674],
+            [-86.777903, 36.159554],
+            [-86.777817, 36.159388],
+            [-86.77727, 36.158538],
+            [-86.777404, 36.15848],
+            [-86.777688, 36.158435],
+            [-86.777713, 36.158509],
+            [-86.777852, 36.158491],
+            [-86.777874, 36.158562],
+            [-86.777965, 36.158543],
+            [-86.778107, 36.158439],
+            [-86.778198, 36.158394],
+            [-86.778332, 36.158368],
+            [-86.778493, 36.158366],
+            [-86.778716, 36.158268],
+            [-86.778981, 36.158632],
+            [-86.779008, 36.158606],
+            [-86.779056, 36.15874],
+            [-86.779362, 36.159223],
+            [-86.779244, 36.159221],
+        ],
+    },
+    "enterprise-center": {
+        "source": "way/42369176",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:38:19Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 105, "basis": "building", "strength": 1.36, "elongation": 1.36, "centre": [-90.202628, 38.62678] },
+        "ring": [
+            [-90.203486, 38.626974],
+            [-90.203327, 38.627369],
+            [-90.203071, 38.627308],
+            [-90.202527, 38.627404],
+            [-90.202343, 38.627419],
+            [-90.202349, 38.627393],
+            [-90.202238, 38.627384],
+            [-90.202115, 38.627355],
+            [-90.201929, 38.627257],
+            [-90.201837, 38.627163],
+            [-90.201774, 38.627054],
+            [-90.201731, 38.626911],
+            [-90.201726, 38.626818],
+            [-90.201749, 38.626703],
+            [-90.2018, 38.626603],
+            [-90.201929, 38.626473],
+            [-90.202014, 38.626357],
+            [-90.201956, 38.626201],
+            [-90.202915, 38.62625],
+            [-90.203048, 38.62627],
+            [-90.20325, 38.626353],
+            [-90.203402, 38.626491],
+            [-90.203522, 38.626559],
+            [-90.203455, 38.626579],
+            [-90.203511, 38.626784],
+        ],
+    },
+    "delta-center": {
+        "source": "way/23335190",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:39:17Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "axis": { "heading": 45, "basis": "building", "strength": 1.31, "elongation": 1.13, "centre": [-111.901119, 40.768261] },
+        "ring": [
+            [-111.901061, 40.768973],
+            [-111.900901, 40.76885],
+            [-111.900611, 40.769069],
+            [-111.900045, 40.768639],
+            [-111.900252, 40.768482],
+            [-111.900269, 40.768495],
+            [-111.900342, 40.768439],
+            [-111.900155, 40.768297],
+            [-111.900339, 40.768162],
+            [-111.900263, 40.768103],
+            [-111.900488, 40.767934],
+            [-111.900391, 40.767859],
+            [-111.900588, 40.76771],
+            [-111.900686, 40.767785],
+            [-111.900912, 40.767616],
+            [-111.900994, 40.76768],
+            [-111.901174, 40.767547],
+            [-111.901342, 40.767674],
+            [-111.901494, 40.767553],
+            [-111.902045, 40.767972],
+            [-111.901892, 40.768087],
+            [-111.902062, 40.768216],
+            [-111.901874, 40.768358],
+            [-111.901955, 40.768419],
+            [-111.90174, 40.768581],
+            [-111.901841, 40.768658],
+            [-111.901641, 40.768809],
+            [-111.901542, 40.768733],
+            [-111.901322, 40.768899],
+            [-111.901241, 40.768837],
+        ],
+    },
+    "canada-life-centre": {
+        "source": "way/14869890",
+        "read": "2026-10-20",
+        "base": "2026-10-20T21:40:19Z",
+        "licence": "ODbL-1.0",
+        "attribution": "(c) OpenStreetMap contributors, ODbL 1.0, openstreetmap.org/copyright",
+        "height": 15,
+        "axis": { "heading": 162, "basis": "building", "strength": 2.55, "elongation": 1.57, "centre": [-97.143717, 49.892609] },
+        "ring": [
+            [-97.144608, 49.893039],
+            [-97.144619, 49.893025],
+            [-97.144553, 49.892939],
+            [-97.144589, 49.892931],
+            [-97.144197, 49.892203],
+            [-97.144242, 49.892143],
+            [-97.144286, 49.892134],
+            [-97.144231, 49.892033],
+            [-97.144188, 49.892043],
+            [-97.14403, 49.891994],
+            [-97.14399, 49.891921],
+            [-97.143964, 49.891914],
+            [-97.143862, 49.891938],
+            [-97.143868, 49.891949],
+            [-97.142843, 49.892177],
+            [-97.142852, 49.892194],
+            [-97.142835, 49.892198],
+            [-97.14287, 49.89226],
+            [-97.142887, 49.892256],
+            [-97.143448, 49.89329],
+            [-97.143472, 49.893397],
+            [-97.143544, 49.893435],
+            [-97.143634, 49.893423],
+            [-97.143674, 49.893381],
+        ],
+    },
 };

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export declare const VERSION = "0.28.0";
+export declare const VERSION = "0.29.0";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export const VERSION = "0.28.0";
+export const VERSION = "0.29.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johnmorrisdotca/kyogijo-stadiums",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "description": "Kyogijo Stadiums 競技場, 40 sports' surfaces as SVG, drawn to scale from the rulebooks: NFL, CFL and IFAF football fields, an NHL rink, an NBA court, MLB ballparks, soccer pitches, curling sheets, athletics stadiums, speed skating, short track and figure skating rinks, swimming pools, water polo fields, diving wells, artistic swimming areas, and the courts and fields of tennis, volleyball (indoor, beach and sitting), badminton, pickleball, table tennis, padel, squash, racquetball, sepak takraw, teqball, roundnet, netball, lacrosse, rugby, Australian football, Gaelic games, cricket, field hockey and handball, and the budo of judo, karate, kendo, sumo and kyudo with a dojo of tatami laid as real units, the MMA cage, with each team's name and logo on its side and the score in the middle, stands and a crowd, a pageant of flags, and a 3D view. Light and dark, accessible, a compact badge for lists, a helper for React and a custom element. Zero dependencies.",
   "keywords": [
     "sports",
@@ -292,7 +292,8 @@
     "prepublishOnly": "pnpm check",
     "site": "pnpm build && node scripts/site.mjs",
     "test:demo": "pnpm site && playwright test",
-    "screenshots:readme": "pnpm site && node scripts/readme-pictures.mjs",
+    "screenshots:readme": "pnpm site && node scripts/readme-pictures.mjs && node scripts/readme-animation.mjs",
+    "screenshots:animation": "pnpm site && node scripts/readme-animation.mjs",
     "test:readme": "pnpm build && node scripts/check-readme-examples.mjs",
     "docs:make": "node scripts/docs.mjs",
     "parks": "node scripts/build-parks.mjs",