Marker animation along SVG <path> element with D3.js II

Marker animation along SVG "path" element with D3.js: animating "path" and marker movement synchronously.

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<head>
  <title>SVG path animation</title>
  <link href="style.css" rel="stylesheet">
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <script src="https://d3js.org/queue.v1.min.js"></script>
</head>
<body>
  <!-- start -->
  <div id="pathAnimation">
    <script src="pathFollowAnimation.js"></script>
  </div>
  <!-- end -->
</body>
</html>
    

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://d3js.org/queue.v1.min.js to a secure url

https://d3js.org/d3.v3.min.js

https://d3js.org/queue.v1.min.js