The red line is a quadratic curve. The green line is a Bezier curve. The light grey square represents the control point for the quadratic curve, and the first control point for the Bezier curve. The dark grey square represents the second control point for the Bezier curve. Drag the squares with the mouse to see how the placement of the control points affect the curves.