曲線パス（path）に沿って移動するcircle形状のアニメーション（２）です。使用している曲線パスはInkscapeで作成し、パス部分のみインポートしています。そのままの状態では、移動する青い円が欠けてしまいます。それを直すため、<g transform="translate(30 14)">で左から30px、上から14px移動させています（下サンプル）。