Peano curve (L-system)

A Peano space-filling curve drawn with an implementation of an L-system renderer. This is different from the other curve also called Peano by some.

This curve, named Peano at least on Wikipedia and in this article about L-systems, is also named Hilbert II (in this page).

The drawing of the line is animated using Mike Bostock's stroke dash interpolation.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Peano curve</title>
        <link type="text/css" href="index.css" rel="stylesheet"/>
        <script src="https://d3js.org/d3.v3.min.js"></script>
    </head>
    <body></body>
    <script src="index.js"></script>
</html>
    

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

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