Show Path with Arrows in a Matrix

Easily style vertices, edges, and their labels, and apply interesting functions. For a small increase in code sophistication, you gain quite an advantage.

    
Define a path:
In[1]:=
Click for copyable input
Define the edge shape function:
In[2]:=
Click for copyable input
Create the path graph:
In[3]:=
Click for copyable input
Out[3]=
Create the overall grid:
In[4]:=
Click for copyable input
Out[4]=
Overlay them:
In[5]:=
Click for copyable input
Out[5]=
A different approach uses GridGraph with the GraphHighlight option:
In[6]:=
Click for copyable input
In[7]:=
Click for copyable input
Highlight the path:
In[8]:=
Click for copyable input
Out[8]=
Add arrows to indicate the path direction:
In[9]:=
Click for copyable input
In[10]:=
Click for copyable input
Out[10]=