First I will correct my typo.
\begin{align}
&A_x=A_\rho\cos\Phi-A_\Phi\sin\Phi\\
&A_y=A_\rho\sin\Phi+A_\Phi\cos\Phi
\end{align}
I think that now I understand what you were thinking. Let me point out the equations I just wrote apply for an arbitrary vector field ##A##. What you have been doing is choosing a specific ##A## because it 'looks' like the right one.
FrankJ777 said:
So in this example what does it mean that:
Ax = 10 cos π/3 - π/3 sin π/3 = 5 - π√3 / 6 ≈ 4.1
Ay = 10 sin π/3 + π/3 cos π/3 = 5√3 + π/6 ≈ 9.18
By writting these equations you are assuming you know what ##A## is, i.e. you have just chosen a specific ##A##. You have chosen an ##A## in which ##A_\rho=10## and ##A_\Phi=\pi/3##, because you wanted to make ##A## look like the point where ##A## is evaluated at (remember however that ##A## is a vector field, so it looks different in different points). Even if you fix the point to be ##\rho=10## and ##\Phi=\pi/3## (from now on we will call this point ##p##), ##A## can still be arbitrary.
Now there is nothing wrong with choosing a specific vector field ##A##. Suppose we do insist that ##A_\rho=10## and ##A_\Phi=\pi/3## (at the point ##p##). Then the picture you drew for ##A## is simply wrong. You should draw ##A## as a vector which starts at the point ##p## and whose projection along the radial basis is 10 and whose projection along the angular basis is ##\pi/3##. Another way to think about this is: think of ##p## as the new origin. Then think of two axis, the radial axis is the line which intersects the actual old origin ##0## and the new origin ##p##. The angular axis is the line which is perpendicular to the radial axis, and intersects the radial axis at ##p##. Then, in this new coordinate system attached to ##p##, ##A## will be represented as the vector ##(10,\pi/3)##, so walk ##10## steps from ##p## along the radial axis (in which direction? there are two. Pick the direction that increases your radial coordinate in the usual old system), then walk ##\pi/3## steps along a line parallel to the angular axis (in which direction? there are two. Pick the direction that increases your angular coordinate in the usual old system). I hope you can draw this.
Once you have this picture, the calculation for ##A_x## and ##A_y## simply means that now you an xy basis attached to ##p##. So you must draw once again two axis, which intersect at ##p##, one parallel to the original ##x## axis, one parallel to the original ##y## axis. Now instead of projecting the vector ##A## (the same vector that you already drew) into the radial and angular axis, you project into the new ##x## and ##y## axis, and the numbers you will find for the coordinates are the numbers you computed ##4.1## and ##9.18##.
You can put the vector ##A##, all four axis and four projections into the same picture. Then the picture becomes self-explanatory. Note that you can draw the same picture for an arbitrary point ##p## and an arbitrary vector field ##A##. This is in fact the standard way to represent vector fields in a plane, as searching 'vector field' in google images will certainly show. I hope I made myself clear.
Lucas SV.