Viz - Point - Brushend

<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
  </head>
<style>

.viz-point .point circle{
  fill: #999;
  fill-opacity:0.3;
  stroke:  #999;
  stroke-width:2px;
}

.point.selected circle{
  fill: blue;
  stroke: black;
}

</style>
<body>
<svg width="960" height="600">
<g transform="translate(50,50)" id="pointg"></g>
</svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://vizjs.org/viz.v1.3.0.min.js"></script>
<script>
		
var point = viz.point()
	.data(randomData())

var brush = d3.brush()
    .on("end", brushended)
    .extent([[-1, -1], [point.width() + 1, point.height() + 1]])
	
d3.select("#pointg").call(point);
			
d3.select("#pointg").append("g").call(brush);

</script>

Modified http://vizjs.org/viz.v1.3.0.min.js to a secure url

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

https://vizjs.org/viz.v1.3.0.min.js