diff --git a/spikes/architecture/d3/index.html b/spikes/architecture/d3/index.html
index 0c7c0b5d..b1774319 100644
--- a/spikes/architecture/d3/index.html
+++ b/spikes/architecture/d3/index.html
@@ -29,9 +29,10 @@ var svg = d3.select('svg'),
 var color = d3.scaleOrdinal(d3.schemeCategory20);
 
 var simulation = d3.forceSimulation()
+  .force('charge', d3.forceManyBody().strength(() => -50).distanceMin(() => 30))
   .force('link', d3.forceLink().distance(() => 200).id(function(d) { return d.id; }))
-    .force('charge', d3.forceManyBody())
-    .force('center', d3.forceCenter(width / 2, height / 2));
+  .force('collide', d3.forceCollide().radius(function(d) { return 128 + 0.5; }).iterations(2))
+  .force('center', d3.forceCenter(width / 2, height / 2))
 
 function rightRoundedRect(x, y, width, height, radius) {
   return 'M' + x + ',' + y // Move to (absolute)