How to draw sine waves with HTML5 SVG?

SVGJavascriptWeb DevelopmentFront End Scripts

To draw sine waves with SVG, use the following that closely approximates half of a sine wave. I have used a cubic-bezier approximation. Use the <path> element.

Example

<!DOCTYPE html>
<html>
</html>