Graphicsv0.1.1

RBushWeb

Find the nearby.
Skip the rest.

Make spatial queries tangible with an R-tree for points and rectangles, nearest neighbors and inspectable bounds.

R-tree spatial indexing01 / GRAPHICS
01

R-tree spatial indexing

Index immutable envelopes, query the relevant area, and keep rendering separate. The same headless engine works in the browser and workers.

02

Intersection & nearest neighbors

Create an RBush, then Insert or BulkLoad objects with an Envelope. Search with a rectangle or use Knn for nearest neighbors.

03

Bulk load & inspectable nodes

Delete an item using its old bounds before moving it, then insert it with the new envelope. Clear an index when its dataset is discarded.

NOT A SCREENSHOT

Get a feel for it.

Open full playground

Preparing RBushWeb

The playground loads when it comes into view.

A SMALL FIRST STEP

Give geometry an index.

Index immutable envelopes, query the relevant area, and keep rendering separate. The same headless engine works in the browser and workers.

Read the usage guide
npm install @wieslawsoltes/rbushweb@0.1.1

Pinned to the published package used in this showcase. No unpublished features implied.

↑ ↓ to explore · Enter to openEsc to close