Skip to content

Instantly share code, notes, and snippets.

@naoyak

naoyak/.block

Last active June 6, 2017 09:40
Show Gist options
  • Save naoyak/a60c04cec1869597e6b1a49d88a069cd to your computer and use it in GitHub Desktop.
Save naoyak/a60c04cec1869597e6b1a49d88a069cd to your computer and use it in GitHub Desktop.
Download ZIP
perturbed smiley
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; }
svg {
border: 1px solid #000;
}
.face {
fill: red;
fill-opacity: 0.7;
}
.eye {
fill: lightgreen;
}
</style>
</head>
<body>
<svg width='960' height='500'>
<circle class="face" cx=225 cy=125 r=60 />
<circle class="eye" cx=200 cy=100 r=10 />
<circle class="eye" cx=250 cy=100 r=10 />
<path d='M 190 150 C 215 175 235 125 260 140' fill='none' stroke-width='3px' stroke='black'/>
</svg>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment