`$\newcommand{\N}{\mathbb{N}} \newcommand{\Z}{\mathbb{Z}} \newcommand{\Q}{\mathbb{Q}} \newcommand{\R}{\mathbb{R}} \newcommand{\LP}{\left(} \newcommand{\RP}{\right)} \newcommand{\LS}{\left\lbrace} \newcommand{\RS}{\right\rbrace} \newcommand{\LA}{\left\langle} \newcommand{\RA}{\right\rangle} \newcommand{\LB}{\left[} \newcommand{\RB}{\right]} \newcommand{\MM}{\ \middle|\ } \newcommand{\exp}{\text{exp}} \newcommand{\abs}[1]{\left\vert#1\right\vert} \newcommand{\msr}[1]{m\left(#1\right)} \newcommand{\inv}[1]{#1^{-1}} \newcommand{\bkt}[1]{\LA \img{#1}\RA} \require{color}$`s

Instructions

#

1. Create an $n\times n$ table with the supplied button.
2. Fill in the table with the grid diagram. Putting . in the cells with no x or o.
   1. Note there is no error handling so if something goes wrong refresh the page and try again
3. Click generate to get the image.
4. Click “Download” to download the image.

A python library for this code can be found at grid2fp