d3-brush click behaviour
HTML
<script src="https://d3js.org/d3.v4.js"></script>
<svg>
<rect x="0", y="0", width="200", height="200"fill="white"></rect>
<g id="brushGroup">
</g>
</svg>
JavaScript
var brush = d3.brushX().extent([
[0, 0],
[200, 200]
]);
d3.select(document.getElementById("brushGroup")).call(brush);