D3 Examples - d3 | Sol LeWitt’s Wall Drawing #118 (1971)

d3 | Sol LeWitt’s Wall Drawing #118 (1971)

Sol LeWitt’s Wall Drawing #118 (1971)

On a wall surface, any continuous stretch of wall, using a hard pencil, place fifty points at random. The points should be evenly distributed over the area of the wall. All of the points should be connected by straight lines.

todo: try in canvas as interacting/updating 5000 lines (50*50) in svg is a bit much

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <style>
        html {
            height: 99%;
        }
        body { 
            font-family: Consolas, monaco, monospace;
            width: 100%;
            height: 100%;
            background: #130C0E;
            margin: 0;
            padding: 0;
        }
        svg {
            width: 100%;
            height: 100%;
        }
        line {
            stroke-opacity: 0.6;
            stroke-width: 0.5;
        }
    </style>
</head>
<body>
<!--     <header>
        <p>Wall Drawing #118 (1971)</p>
    </header> -->
​
    <svg>
        <g id="vis"></g>
    </svg>
​
<script src="//d3js.org/d3.v4.min.js" charset="utf-8"></script>
<!-- d3 code -->
<script src=".script-compiled.js" charset="utf-8"></script>
​
</body>
</html>
​
​
​
    