<html>
<head>
<title>Clustering demo</title>
<script type='text/javascript' src="http://harthur.github.io/clusterfck/demos/colors/clusterfck.js"></script>
<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.5/d3.min.js"></script>
<style type='text/css'>
circle {
fill: black;
}
rect {
fill: white;
stroke: steelblue;
}
text {
text-anchor: middle;
font: 8px sans-serif;
}
body {
text-align: center;
padding-top: 60px;
}
</style>
</head>
<body>
<svg id="chart"></svg>
<script src="clustering.js"></script>
</body>
</html>