Creating CSS3 Circles connected by lines

Question

I have to implement the following circle and line combination in CSS and I am looking for pointers on how to implement this effectively. The circles and lines should look li

Answer 1

Though this is possible with CSS3, I think SVG is a better tool for sophisticated interfaces.

I made this with SVG (styled with CSS):

And here's a Plunk to demonstrate.