Skip to content

Instantly share code, notes, and snippets.

@DDDDDanica

DDDDDanica/.block

Last active April 4, 2017 21:00
Show Gist options
  • Save DDDDDanica/6f2d767c3ceeb868a7bfc48793a46c5b to your computer and use it in GitHub Desktop.
Save DDDDDanica/6f2d767c3ceeb868a7bfc48793a46c5b to your computer and use it in GitHub Desktop.
Download ZIP
SVG House
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="1200" width="800" style="background-color: #ededed;">
<g>
<path d="M 10 120 C 10 120, 120 10, 240 120 z" stroke="hotpink" fill="hotpink"></path>
<rect width="230" height="200" x="10" y="120" stroke="hotpink" fill="transparent"></rect>
<circle cx="80" cy="200" r="30" stroke="black" fill="transparent"></circle>
<line x1="50" y1="200" x2="110" y2="200"
stroke-width="1" stroke="black"/>
<line x1="80" y1="170" x2="80" y2="230"
stroke-width="1" stroke="black"/>
<rect width="60" height="120" x="160" y="200" stroke="hotpink" fill="hotpink" style="opacity: 0.6"></rect>
<circle cx="210" cy="280" r="2" stroke="black" fill="black" style="opacity: 0.6"></circle>
</g>
</filter>
<svg>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment