<script> var canvas = document.getElementById('c'); var ctx = canvas.getContext('2d'); var x = 400; var y = x; var rad = x - 30; ctx.lineWidth = 5; for (var i = 0; i < 100; i++) { ctx.beginPath(); ctx.arc(x, y, rad, 0, Math.PI, i % 2); ctx.stroke(); i % 2 ? x -= 10 : x += 10; i % 2 ? y -= 1 : y += 1; rad -= 10; } </script> </body>