D3 Examples - bug-zap

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body{
  width: 960px;
  height: 500px;
  font-family: monospace;
}
​
#bugs{
    position: relative;
}
​
.bug{
    width: 300px;
    position: absolute;
}
​
.bug-img{
    width: 100px;
    display:block;
    margin:auto;
    height: 108px;
}
​
.q-container div{
    border: 1px solid black;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.correct .q-container div{
    border: 1px solid lightgrey;
    color: lightgrey;
}
​
.lazer{
}
​
#bug svg{
    pointer-events: none;
}
​
</style>
​
<body>
    <div id='bugs'></div>
</body>
​
​
<script src="/1wheel/raw/67b47524ed8ed829d021/d3-3.5.5.js"></script>
<script src="/1wheel/raw/67b47524ed8ed829d021/lodash-3.8.0.js"></script>
<script src='/1wheel/raw/1b6758978dc2d52d3a37/d3-jetpack.js'></script>
<script src='/1wheel/raw/1b6758978dc2d52d3a37/d3-starterkit.js'></script>
​
​
<script src='bug.js'></script>
​
    