I am trying to visualise some grid transformations in a report that I am writing. I am happy with the left-hand side grid in the figure I attached and now I need to create an annulus meshed which is shown on the right. It is important that they they have the same number of points. Since left one is 10-by-10 the right one should have 10 points along the circumference and 10 in the wall normal direction.

Here is the code I used to generate the left one:
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{arrows.meta}
\usetikzlibrary{calc}
\begin{document}
\begin{figure}[h!]
\centering
\begin{tikzpicture}
\coordinate (A) at (0,0);
\coordinate (B) at (3,0);
\coordinate (C) at (3,3);
\coordinate (D) at (0,3);
\foreach [evaluate=\i as \x using \i/10] \i in {0,...,10}
{
\draw ($(A)!\x!(B)$) arc -- ($(D)!\x!(C)$);
\draw ($(A)!\x!(D)$) -- ($(B)!\x!(C)$);
}
\draw[->, >= Latex] (-0.1, -0.1) -- (1, -0.1);
\draw[->, >= Latex] (-0.1, -0.1) -- (-0.1, 1);
\draw[->, >= Latex] (-0.1, -0.1) -- (0.5, 0.5);
\node[] at (1, -0.35) (y) {$\zeta$};
\node[] at (-0.35, 1) (x) {$\eta$};
\node[] at (-0.35, -0.10) (x) {$\xi$};
\draw[->, >= Latex] (3.5, 1.5) -- (4.5, 1.5);
\end{tikzpicture}
\caption{Visualisation of a mapping from a computational grid to a physical space using 2D section.}
\end{figure}
\end{document}
Do you have any advice?
Thanks!


\documentclass, includes all relevant\usepackagecommands, ends with\end{document}and compiles without errors, even if it does not produce your desired output. That way other users can simply copy and paste your code in order to help you. Note that thearcin your code shouldn't be there. Please edit your question. – Sandy G Jan 10 '24 at 13:24\draw[step=3mm] (0,0)grid(3,3);is an easier way to draw your grid. – Sandy G Jan 10 '24 at 13:25