Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <h3>ordinary svg tag</h3>
  <svg width="100%" height="200">
    <text x="15" y="15">Test</text>
    <svg-circle x="15" y="40" r="10"></svg-circle>
    <circle fill="lime" cx="15" cy="60" r="10"></circle>
    <svg-static-circle></svg-static-circle>
  </svg>
  <h3>svg-container</h3>
  <svg-container>
    <text x="15" y="15">Test</text>  
    <svg-circle x="15" y="40" r="10"></svg-circle>
    <circle fill="lime" cx="15" cy="60" r="10"></circle>
    <svg-static-circle></svg-static-circle>
  </svg-container>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
bleshpro
0viewers