How can I make a Venn Diagram with values inside each component using SVG, CSS, or Canvas

I am trying to recreate this diagram in pure SVG (most preferred method), CSS, or through a Canvas (least preferred option). So far I can create 3 overlapping circles and add a value in the center of each. But when I go to add values to their intersecting parts I run into some troubles. I also do not know the logic to put text outside the venn diagram.