Función d3.brush()
Sintaxis:
d3.brush();
Parámetros: Esta función no acepta ningún parámetro.
Valor de retorno: esta función devuelve un pincel recién creado.
Ejemplo: en este ejemplo, crearemos un pincel de tamaño 600 × 600 píxeles en un elemento SVG usando este método.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
D3.js | d3.brush() Function
</title>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<svg width=600 height=600 id="brush"></svg>
<script>
// Selecting SVG element
d3.select("#brush")
// Creating a brush using the
// d3.brush function
.call( d3.brush()
// Initialise the brush area: start at
// 0,0 and finishes at given width,height
.extent( [ [0,0], [600,600] ] )
)
</script>
</body>
</html>
Salida: el pincel se crea correctamente, puede arrastrar para crear rectángulos usando este pincel.
Reference: https://devdocs.io/d3~5/d3-brush#_brush