Brush

Brushing in REAVIZ allows you to interactively specify a one- or two-dimensional selected region using a pointing gesture, such as by clicking and dragging the mouse. This feature is often used to select discrete elements, such as dots in a scatterplot, making it a powerful tool for data exploration and interaction.

Where to use:

Select Data Points: Ideal for selecting and highlighting specific data points in a chart.
Interactive Data Exploration: Useful for interactive exploration and analysis of data.
Zoom and Filter: Great for zooming into specific regions or filtering data based on selection.

Examples

API

ChartBrush

Name	Type	Default
`scale`	`any` D3 scale for the axis the brush is attached to. Set internally by the parent chart.
`height`	`number` Height of the brush area. Set internally by the parent chart.
`width`	`number` Width of the brush area. Set internally by the parent chart.
`children`	`any` Children rendered inside the brushable area.
`disabled`	`boolean`
`fill`	`string`
`domain`	`[ChartDataTypes, ChartDataTypes]`
`onBrushChange`	`(e: any) => void`

Brush

Name	Type	Default
`height`	`number`
`width`	`number`
`disabled`	`boolean`
`start`	`number`
`end`	`number`
`onBrushChange`	`(e: BrushChangeEvent) => void`

BrushHandle

Name	Type	Default
`height`	`number` Height of the handle. Set internally by the parent component.
`onHandleDrag`	`(deltaX: number) => void` Fires when the handle is dragged. `deltaX` is the change in x position.

BrushSlice

Name	Type	Default
`height`	`number`
`width`	`number`
`start`	`number`
`end`	`number`
`onBrushChange`	`(event: BrushChangeEvent) => void`