div
s to make each line, no problem.<path>
's attributes, I could see id, stroke, fill, and stroke-width, all of which looked normal and pretty self-explanatory. The only weird attribute was the "d" one. When I moved the first knob left and right, the only thing that changed was the very first number in the "d" attribute. When I moved it up and down, only the second number changed. I kept playing around with the knobs, and the numbers appeared to all be pairs of coordinates of the starting point, first knob, second knob, and end of the curve, and it looked like "M
X
,
Y
C
X
,
Y
X
,
Y
X
,
Y
".<path d="M
0
,
height1
C
halfWidth
,
height1
halfWidth
,
height2
width
,
height2
">