Lines & data

Unit Regrouping

Loading…
Scene6.4s typicallandscape · portrait · square

Overview

Sixty persistent dots regroup into populations of twenty, twenty-five, and fifteen.

Build

  1. 01

    Keep one stable shape for each unit and color for each population.

  2. 02

    Move the interleaved units into proportional groups.

  3. 03

    Introduce totals once the populations settle, then return the same units.

Example source React / TSX

examples/unit-regrouping.tsx · Uses the catalog’s shared composition helpers.

Loading source…