gist van linedraw

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hier de titel</title>

<link rel="stylesheet" type="text/css" href="style.css">

<script src="https://d3js.org/d3.v4.min.js"></script>

<script src='script.js'></script>

<body>

  <svg width="760" height="140">
      <g transform="translate(100, 30)">
        <rect />
        <rect />
        <rect />
        <rect />
        <rect />
      </g>
      <g transform="translate(100, 30)">
        <text />
        <text />
        <text />
        <text />
        <text />
      </g>
      <g transform="translate(70, 30)">
        <circle />
        <circle />
        <circle />
        <circle />
        <circle />
      </g>
    </svg>
  
    <div id='enters'>
      <div></div>
    </div>
    <button onClick="doEnter();">hier kan je dingen mee toevoegen </button>

</body>

</html>

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