Skip to content

Instantly share code, notes, and snippets.

@d3byex
Created November 16, 2015 19:18
Show Gist options
  • Save d3byex/d95d476b8f11c73f6933 to your computer and use it in GitHub Desktop.
Save d3byex/d95d476b8f11c73f6933 to your computer and use it in GitHub Desktop.
D3byEX 3.17: Translate then rotate
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="D3byEX 3.17">
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js" charset=" utf-8"></script>
<svg width="720" height="200">
<line x1="0" y1="150" x2="0" y2="0" stroke="black" />
<line x1="0" y1="0" x2="150" y2="0" stroke="black" />
<rect x="0" y="0" width="100" height="100" fill="red"
transform="translate(30,30) rotate(45,50,50)" />
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment