Benzene

Objective: Create a diagram of a benzene ring using SVG code.

Problem: It was hard to place and get the specific gradient of the bonds.

Solution: Using math I calculated the positions of balls that make it symmetrical, then I added the bonds. If it was a single bond I added it in the middle of two circles, if it was a double bond I move one bond in one direction and one in the other. To fix the gradient I rotated the numbers until it was the right gradient.