PlayStation 4: SVG animation

Inspired by Vox Media's article: Polygon feature design: SVG animations for fun and profit and Mike Bostock's example: Stroke Dash Interpolation.

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="pathAnimation.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