How to show circles vertically, connected with a line in zig zag pattern using html and css?

Question

I want to show some circles vertically connected with a line and all the circles should be in zig zag pattern. The number of circles are dynamic, it is coming from database,