The field
Every named fielding position, drawn to scale rather than sketched. The boundary is 70 yards from the centre of the pitch, the pitch is 22 yards, and the dashed line is the regulation 30-yard circle. Take it, print it, put it on your own page. The only condition is the credit.
Which side is which
From the batter's own point of view, facing the bowler, the leg side is to their left and the off side to their right. Drawn with the striker at the bottom, as above, that puts the leg side on the left of the page and the off side on the right. For a left-handed batter every position mirrors, and the names stay attached to the batter rather than to the ground: a left-hander's cover point stands where a right-hander's midwicket stood.
The bit the diagram gives away
Because the boundary is a circle around the middle of the pitch and the batter stands 11 yards behind that middle, a fielder on the rope is not a fixed distance from the bat. Third man, on the rope behind square, stands about 56 yards from the striker. Long-off, on the same rope, stands about 76. Twenty yards of difference, and it is why a thick edge behind square runs away for four while the same shot straight is cut off. The radii above are solved from that geometry, not eyeballed.
The numbers behind it
The positions above are not placed by eye, so the placement is publishable as data: fielding-positions.csv and fielding-positions.json give every position a bearing and a distance from the striker's stumps. Anyone drawing their own diagram, or building a scoring app, otherwise has to reconstruct those by eye from a picture.
A bearing with no stated zero is a number with no meaning, so: 0 degrees is straight down the pitch toward the bowler, positive bearings swing toward the off side, negative toward the leg side, and distances are yards from the striker's stumps. For a left-handed batter, negate every bearing.
A blank one, to draw on
The same field with the eight regions commentary actually names, and nothing plotted in them. Print it, draw an innings onto it, put it in a coaching note. It is a template on purpose.
Using it
The file is
assets/cricket-field.svg. It is plain SVG
with no external references, it draws itself in
currentColor so it inherits your text colour on a light or a dark
page, and it carries its own licence in a
<metadata> block. Screen readers get every position name from
the <desc>.
The blank wagon wheel is assets/wagon-wheel-template.svg, on the same terms.
Attribution, if you want it ready to paste:
<a href="https://thirdman.pages.dev/field">
<img src="https://thirdman.pages.dev/assets/cricket-field.svg"
alt="Cricket fielding positions for a right-handed batter">
</a>
<p>Diagram by <a href="https://thirdman.pages.dev">Third Man</a>, <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</p>
Licensed CC BY 4.0. If a position is in the wrong place, that is worth more to this blog than being left alone. The numbers behind the pieces are on the numbers page.