2017年熱中症発生数（救急搬送）

ワークショップ用サンプル

クリックすることでサークルを並べ変えることができます。

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="utf-8" />
<title>2017年熱中症発生数</title>
<style>
html, body, svg {
    width: 100%;
    height: 99.9%;
}
    
text {
    text-anchor: middle;
    dominant-baseline: hanging;
}
#sortBtn {
    position: absolute;
    top:1em;
    left:1em;
    z-index: 9;
}
​
</style>
​
​
​
</head>
<body>
<button id="sortBtn">sort</button>
<svg></svg>
​
<script src="//unpkg.com/d3@4.12.2/build/d3.min.js"></script>    
<script src="index.js"></script>
</body>
</html>
    

https://unpkg.com/d3@4.12.2/build/d3.min.js