d3.js breathing drop shadows

Look ma, those drop shadows are breathing!

Your eyes want you to believe that the blocks are hovering up and down, when in fact only the drop shadow is being translated out and in again.

Follow me on https://twitter.com/cpbotha for even more fun, or see my other d3 blocks:

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
​
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>d3 drop shadow example</title>
</head>
​
<style>
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 960px;
  height: 500px;
  position: relative;
}
</style>
​
<body>
<div id="chart">
</div>
​
<script src="https://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="breathing_dropshadow.js"></script>
​
</body>
</html>
​
    

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js