Objective: Create a diagram using SVG with overlapping translucent circles accurately placed, and text tastefully displayed within the circles.
Problems: The white text does not show up against lighter colors. The text is not easy to place inside the circles.
Solutions: You can use white text on a light background if you put a black shadow behind it. We can center the SVG text using the text-anchor property. Each kind of text should be all the same size, so we size the text such that the largest text block will fit; the the smaller text blocks will also fit.