Catmull-Rom Curves (canvas)

A canvas rendering of parametrized Catmull-Rom curves, adapted from Mike Bostock's example to show more values of the alpha parameter. As in the original example, green corresponds to uniform (alpha = 0), blue to centripetal (alpha = 0.5) and red to chordal (alpha = 1) parametrization.

xxxxxxxxxx
 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Catmull-Rom Curves</title>
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="d3_shape.js"></script>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    <canvas width="960" height="500"></canvas>
    <script src="index.js"></script>
  </body>
</html>
​
    

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

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