React-use-brush NPM

brush hook with a nice api to brush and filter your chart data

Install

npm i -S react-use-brush

Usage

You can try a live demo here: https://codesandbox.io/s/nervous-rosalind-kfxeq

const Chart = () => {
  const [state, rect, rectRef, bind, selection] = useBrush();
  // ...

  return (
    <>
      <svg {...bind} width={width} height={height}>
        <rect
          {...rect}
          ref={rectRef}
          fill="none"
          stroke="black"
          pointerEvents="all"
        />
      </svg>
    </>
  );
};