Kyogijo Stadiums競技場

Guides, the reference, a gallery of every picture it can draw, and how it compares: the pages are made from the package's own files when the site is built.

About the name

The pages are in English; this contents, the search and the buttons are in Japanese.

Documentation

Kyogijo Stadiums draws sports surfaces as SVG, to scale, with the score on them. The README is the pitch and the first minute; these pages are everything else. The same pages are on the docs site, with a search over their titles and headings and a gallery that draws every picture from the code beside it.

Start here#

  • Getting started: install, the four ways in, the element and the frame.
  • The surfaces: the thirty-nine surfaces and how a league's rules change one.
  • Score and layout: the teams, the score, the strip for a list, wide and tall.
  • Theming: every colour, light and dark, the eight named looks, colours by feature, line widths and dashes, goal styles and mowing patterns.
  • Annotations: the direction each team attacks, axes in any frame, and the names of a surface's parts.
  • Display ranges and zoom: a drawing cropped to a zone, a half, the red zone, the penalty area, the infield, a curling house or a box of your own.
  • The situation of a game: hockey's strength, empty net and shootout, baseball's bases, outs and count, football's down, distance and drives, on the surface, in the badge and in the description.
  • The pageant: each team's flag or crest laid large over its half, as a carpet or on a round stage, with an emblem in the centre, and the score kept readable.
  • Emblems: trophies, medals, balls and crests from the sister package Dougu Sports, plugged in with one line (useEmblems(renderEmblem)) so that an id goes wherever a logo does.
  • Layouts and backgrounds: small multiples with a title, a key and a credit line, in a size for a card or a phone, and patterns or a photograph behind a drawing or a grid.
  • Accessibility: what each drawing says to a screen reader.

Sports and places#

  • Soccer: sizes, mowing patterns, goals, shoot-outs and the providers' coordinates.
  • Curling: the sheet from World Curling's and Curling Canada's rules, the board with the hammer, and the stones of an end scored by the rules.
  • Net, racket and court sports: the courts of tennis, volleyball (beach and sitting), badminton, pickleball, table tennis, padel, squash, racquetball, sepak takraw, teqball, roundnet and netball from their rulebooks, their looks, the board of sets and games with the server's ball.
  • A realistic basketball floor: maple boards with staggered ends, grain and tone, stained paint, the baskets and their shadows from above, and a satin sheen, in every league, with the detail dropping at small sizes.
  • Lacrosse, rugby, Australian football and the other field sports: lacrosse (the field and the box), rugby union and league, Australian football, Gaelic football and hurling, cricket, field hockey and handball from their rulebooks, with goals and behinds, goals and points, and a board of runs and wickets.
  • The stands and the crowd: the seating bowls, sides, horseshoes and ballpark grandstands round a surface, the seeded crowd in the home and visitors' colours with the empty seats showing, a soccer pitch inside a gridiron stadium, and the stands as data.
  • Swimming, water polo, diving and artistic swimming: the four pools from World Aquatics' Competition Regulations: the swimming pool in lanes (50 and 25 m, ropes, floor markings, blocks, panels, flags, a side section), the water polo field, the diving well and the artistic swimming area, the look of the water and the deck, the lanes of a race with flags, places, times, reaction times, splits and pace, a race replay and a natatorium of several pools.
  • The athletics stadium: the 400 m track of World Athletics with its staggers, curved starts, relay zones, hurdles and steeplechase, every field event, a close-up of each start and the finish, the covered track, and lane draws, results, a race replay and the marks of throws and jumps.
  • The skating rinks: the ISU's 400 m speed skating track with the lines of every race, the short track oval and the figure skating rink, with pairs, starting positions, results, a race replay and the elements of a programme.
  • The budō: judo and karate competition areas, the kendo shiai-jo, the sumo dohyō, the kyūdōjō and a dojo builder that lays tatami as real units, with five famous halls, the scores and the sources.
  • Special games: a rink in a ballpark, a court on a carrier's deck, baseball over a stadium's pitch: 18 games to scale, each with its sources.
  • Ballparks: 94 parks, each with its own fence, and the past ones by season.
  • The grounds: 64 soccer grounds, each pitch at its published size.
  • The arenas: 167 arenas of the NHL, the NBA, the WNBA and the PWHL, with the size of a rink where an article gives one.
  • League variants: the WNBA, FIBA, the NCAA, the IIHF, Little League and more, each from its rulebook.
  • Surfaces through the years: the markings of a season, each change cited.
  • The atlas: every park, ground and arena on a map.

Data on a surface#

  • Units: each surface in its rulebook's unit, and the conversions.
  • Coordinate frames: where each data provider puts a point, and how to move it onto a surface.
  • Zones and the rules: where a point lies by a sport's own rules (the zone, the crease, the paint, the six-yard box, the warning track, the red zone), the yes-or-no questions, and home runs from a park's own fence and wall.
  • Pointing at a drawing: a click as a place on the field in any provider's numbers, with its zone, and the way back for a marker.
  • Data layers: points, lines, arrows, text and the heat layers, every mark carrying its id, its index and its zone.
  • Ready-made charts: a shot chart, a shot map, a spray chart, a pass chart, a soccer shot map, the stones of a curling end, the splits of a swimming race, a pass network and the road to a tournament's final.
  • Goal mouths, the strike zone and the stumps: a goal seen from the shooter's side in six sports, the catcher's view of the plate with its nine and thirteen zones, and the wicket from the bowler's end, with the shots, pitches and deliveries on them.
  • Team shape: pass networks, formations, lineups, Voronoi cells, triangulations, hulls, flow fields and sonars.
  • Replay: tracking data played on a surface, with controls, a keyboard, a live region and steps for reduced motion.
  • Renderers: the drawing as plain data, on a canvas, in a d3 selection, in an Observable Plot, as GeoJSON and as a PNG.
  • Gallery: every surface, league, season, park, ground, layer, heat map and chart, drawn from the code shown beside it.
  • How it compares: a table against the other packages that draw playing surfaces.

Reference#

Edit this page on GitHub