Skip to content

Instantly share code, notes, and snippets.

@zackshapiro

zackshapiro/index.html

Last active May 3, 2019 12:17
Show Gist options
  • Save zackshapiro/d7fdb2476143856cb376243858a21e3c to your computer and use it in GitHub Desktop.
Save zackshapiro/d7fdb2476143856cb376243858a21e3c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Slider Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="mood">
<svg width="600" height="600" viewBox="100 100 600 600" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(300,300)">
<path id="blob" d="M134.3,-82C181.6,-47.8,232.7,8.5,224.6,54.2C216.5,99.9,149.2,135.1,86.2,157C23.1,179,-35.7,187.7,-88.9,168.3C-142,149,-189.5,101.5,-205,43.8C-220.5,-13.8,-204.1,-81.7,-164.6,-114.1C-125.1,-146.4,-62.5,-143.2,-9.5,-135.6C43.5,-128,87,-116.1,134.3,-82Z" fill="#7bdcb5" stroke="none" stroke-width="0"></path>
</g>
</svg>
</div>
<div id="slider-color-picker"></div>
<script src="d3.js"></script>
<script src="d3-simple-slider"></script>
<script src="main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment