Sonars: a rose for each cell of a rink
NHL hockey rink Drawn as: an ice hockey rink, 200 by 85 feet with rounded corners, with its red and blue lines, face-off circles, creases and goal nets. Data: Direction roses of 400 movements: 32 roses of 8 directions. Most common direction: 0 degrees, 22. 0 degrees points to the right end of the surface as drawn wide and 90 degrees to the top. Direction roses of 400 movements: 32 roses of 8 directions Most common direction: 0 degrees, 22. 0 degrees points to the right end of the surface as drawn wide and 90 degrees to the top. 25: 10 movements, most toward 0 degrees 338 to 23 degrees: 10 18: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 11: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 4: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 21: 18 movements, most toward 0 degrees 338 to 23 degrees: 18 14: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 7: 18 movements, most toward 0 degrees 338 to 23 degrees: 18 17: 10 movements, most toward 0 degrees 338 to 23 degrees: 10 10: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 3: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 28: 9 movements, most toward 0 degrees 338 to 23 degrees: 9 13: 22 movements, most toward 0 degrees 338 to 23 degrees: 22 6: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 31: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 9: 14 movements, most toward 0 degrees 338 to 23 degrees: 14 2: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 27: 17 movements, most toward 0 degrees 338 to 23 degrees: 17 20: 18 movements, most toward 0 degrees 338 to 23 degrees: 18 5: 5 movements, most toward 0 degrees 338 to 23 degrees: 5 30: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 23: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 26: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 19: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 12: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 29: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 22: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 15: 13 movements, most toward 0 degrees 338 to 23 degrees: 13 32: 4 movements, most toward 0 degrees 338 to 23 degrees: 4 24: 12 movements, most toward 0 degrees 338 to 23 degrees: 12 1: 4 movements, most toward 0 degrees 338 to 23 degrees: 4 16: 8 movements, most toward 0 degrees 338 to 23 degrees: 8 8: 4 movements, most toward 0 degrees 338 to 23 degrees: 4
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 moves = Array.from({ length: 400 }, (_, i) => { const x = 5 + ((i * 13) % 90); const y = 5 + ((i * 29) % 90); return { x, y, x2: x + 8 + (i % 5) + (x > 50 ? 4 : 0), y2: y + ((i % 7) - 3) * 2.2, id: (i % 5) + 1 }; }).map((m) => ({ x: m.x * 2 - 100, y: m.y * 0.85 - 42.5, x2: m.x2 * 2 - 100, y2: m.y2 * 0.85 - 42.5 }));
const svg = drawKyogijo({ sport: "nhl", layers: [{ kind: "sonar", from: "nhl-api", data: moves, by: "grid", bins: 8, angles: 8 }] });
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.