Skip to content

Instantly share code, notes, and snippets.

@ManasJayanth
Created December 8, 2013 19:21
Show Gist options
  • Save ManasJayanth/7862559 to your computer and use it in GitHub Desktop.
Save ManasJayanth/7862559 to your computer and use it in GitHub Desktop.
SVG to illustrate different orientations of elliptical curves
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>SVG</title>
</head>
<body>
<div class="container" id="viz-container">
<svg width="320" height="400">
<path d="M139,199 A90,80 0 1,0 140,200"
style="fill: none;
stroke:blue;
stroke-width: 3"/>
<text x="0" y="35" fill="black"> Angle: 0 </text>
</svg>
<svg width="320" height="400">
<path d="M139,199 A90,80 45 1,0 140,200"
style="fill: none;
stroke:blue;
stroke-width: 3"/>
<text x="0" y="35" fill="black"> Angle: 45</text>
</svg>
<svg width="320" height="400">
<path d="M139,199 A90,80 90 1,0 140,200"
style="fill: none;
stroke:blue;
stroke-width: 3"/>
<text x="0" y="35" fill="black"> Angle: 90</text>
</svg>
<svg width="320" height="400">
<path d="M139,199 A90,80 135 1,0 140,200"
style="fill: none;
stroke:blue;
stroke-width: 3"/>
<text x="0" y="35" fill="black"> Angle: 135</text>
</svg>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment