Leave empty space around the circle in each tile

I increased the width and height of the tiles from 4px to 6px,
while keeping the radius of the circles within unchanged at 2px.

As a result, the diameter of circles is now smaller than the side
of the tiles, leaving whitespace around each circle.
Add missing colon in list of variables declarations
Reduce radius of circles from 2px to 1.5px

The diameter of circles, 3px, is now half of the width/height of a tile.
Gather lines closer to the center

I changed the alignment of lines for intersection groups 1+2,
1+3, 2+3 to move them closer to the intersection group 1+2+3.
Use circles instead of lines for intersection groups as well
Center the intersection group between WG1 and WG2

When aligned to the right, the group WG1+2 gets too close to the other
intersection groups and its relationship with WG1 and WG2 appears weak.
Change background of charts from black to white

The goal is to use the same color as the parent element, white for now.
Change group WG1+2 to a darker shade of brown-yellow