They're pretty close. However, if you want to stay true to the images I made, I should point out two things.
Firstly, you have three lines, indicating limited-range-5. Only the two outer-most of these lines are used for limited-range-4 in my reference piece for limited range.
Whenever a bulge transitions to a non-adjacent step, the border goes from straight to the rounded "hole" that indicates no move in that direction. Take these images, for example:
Also, the piece list generated by the Interactive Diagram does not show the promotions. You have to enter those manually, like so (pieceType is the position of the piece in the list, starting at 1):
<ul>
<li onclick="ShowMoves(pieceType)">Insert HTML Here</li>
...
</ul>
They're pretty close. However, if you want to stay true to the images I made, I should point out two things.
Firstly, you have three lines, indicating limited-range-5. Only the two outer-most of these lines are used for limited-range-4 in my reference piece for limited range.
Whenever a bulge transitions to a non-adjacent step, the border goes from straight to the rounded "hole" that indicates no move in that direction. Take these images, for example:
Also, the piece list generated by the Interactive Diagram does not show the promotions. You have to enter those manually, like so (pieceType is the position of the piece in the list, starting at 1):
<ul>
<li onclick="ShowMoves(pieceType)">Insert HTML Here</li>
...
</ul>