block-of3d-dots

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    line{
    	stroke: #999;
      stroke-width:1px;
      opacity:1;
    }
  
    .vertex {
    fill: #1f77b4;
    fill-opacity: 1;
    stroke: #999;
    stroke-opacity: .5;
}
  </style>
</head>

<body>
  <script>
   
   	var nodes =[
  {
    "item": 1
  },
  {
    "item": 2
  },
  {
    "item": 3
  },
  {
    "item": 4
  },
  {
    "item": 5
  },
  {
    "item": 6
  },
  {
    "item": 7
  },
  {
    "item": 8
  },
  {
    "item": 9
  },
  {
    "item": 10
  },
  {
    "item": 11
  },
  {
    "item": 12
  },
  {
    "item": 13
  },
  {
    "item": 14
  },
  {
    "item": 15
  },
  {
    "item": 16
  },
  {
    "item": 17
  },
  {
    "item": 18
  },
  {
    "item": 19
  },
  {
    "item": 20
  },
  {
    "item": 21
  },
  {
    "item": 22
  },
  {
    "item": 23
  },
  {
    "item": 24
  },
  {
    "item": 25
  },
  {
    "item": 26
  },
  {
    "item": 27
  },
  {
    "item": 28
  },
  {
    "item": 29
  },
  {
    "item": 30
  },
  {
    "item": 31
  },
  {
    "item": 32
  },
  {
    "item": 33
  },
  {
    "item": 34
  },
  {
    "item": 35
  },
  {
    "item": 36
  },
  {
    "item": 37
  },
  {
    "item": 38
  },
  {
    "item": 39
  },
  {
    "item": 40
  },
  {
    "item": 41
  },
  {
    "item": 42
  },
  {
    "item": 43
  },
  {
    "item": 44
  },
  {
    "item": 45
  },
  {
    "item": 46
  },
  {
    "item": 47
  },
  {
    "item": 48
  },
  {
    "item": 49
  },
  {
    "item": 50
  },
  {
    "item": 51
  },
  {
    "item": 52
  },
  {
    "item": 53
  },
  {
    "item": 54
  },
  {
    "item": 55
  },
  {
    "item": 56
  },
  {
    "item": 57
  },
  {
    "item": 58
  },
  {
    "item": 59
  },
  {
    "item": 60
  },
  {
    "item": 61
  },
  {
    "item": 62
  },
  {
    "item": 63
  },
  {
    "item": 64
  },
  {
    "item": 65
  },
  {
    "item": 66
  },
  {
    "item": 67
  },
  {
    "item": 68
  },
  {
    "item": 69
  },
  {
    "item": 70
  },
  {
    "item": 71
  },
  {
    "item": 72
  },
  {
    "item": 73
  },
  {
    "item": 74
  },
  {
    "item": 75
  },
  {
    "item": 76
  },
  {
    "item": 77
  },
  {
    "item": 78
  },
  {
    "item": 79
  },
  {
    "item": 80
  },
  {
    "item": 81
  },
  {
    "item": 82
  },
  {
    "item": 83
  },
  {
    "item": 84
  },
  {
    "item": 85
  },
  {
    "item": 86
  },
  {
    "item": 87
  },
  {
    "item": 88
  },
  {
    "item": 89
  },
  {
    "item": 90
  },
  {
    "item": 91
  },
  {
    "item": 92
  },
  {
    "item": 93
  },
  {
    "item": 94
  },
  {
    "item": 95
  },
  {
    "item": 96
  },
  {
    "item": 97
  },
  {
    "item": 98
  },
  {
    "item": 99
  },
  {
    "item": 100
  },
  {
    "item": 101
  },
  {
    "item": 102
  },
  {
    "item": 103
  },
  {
    "item": 104
  },
  {
    "item": 104
  }
];

nodeList.exit().remove();
	}

function updateLinks(){
		var linkLine = svg.select('.links')
			.selectAll('line')
			.data(links);
		linkLine.enter()
		.append('line')
		.merge(linkLine)
		.attr('x1',d => d.source.x)
		.attr('y1',d => d.source.y)
		.attr('x2',d => d.target.x)
		.attr('y2',d => d.target.y);

linkLine.exit().remove();
	}

function ticked(){
		updateTextNodes();
		updateLinks();
	}

</script>
</body>

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