Skip to content

Instantly share code, notes, and snippets.

@eoiny

eoiny/.block

Created March 22, 2017 14:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eoiny/faeee57506e33f3af2392622160005d4 to your computer and use it in GitHub Desktop.
Save eoiny/faeee57506e33f3af2392622160005d4 to your computer and use it in GitHub Desktop.
Download ZIP
fresh block
Raw
.block
license: mit
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<svg height="500" width="500">
<rect style="fill: beige"
width="400" height="200" x="10" y="200"></rect>
<rect style="fill: green"
width="600" height="80" x="0" y="400"></rect>
<rect style="fill: beige"
width="40" height="80" x="300" y="120"></rect>
<circle cx="50" cy="20" r="100" fill="yellow" opacity="0.5"></circle>
<path d=" M 200 150
L 410 200
L 10 200
Z"
stroke="red" stroke-width="2" fill="red" />
<g transform="translate(180, 100)">
<rect style="fill: red"
width="50" height="100" x="10" y="200"></rect>
</g>
<rect style="fill: blue"
width="50" height="50" x="300" y="250"></rect>
<rect style="fill: blue"
width="50" height="50" x="30" y="250"></rect>
</svg>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment