Grid

Hilbert Grid

A closed Moore curve (four Hilbert curves) threading every cell, with glowing data signals circulating along it. Use for tech, data and circuit floors.

  • hilbert-curve
  • space-filling-curve
  • moore-curve
  • data
  • circuit
  • tech-floor

Settings and defaults

Order
6
Signals
12
Trail
40
Signal Speed
10
Cell Size
0.8
Line Width
1.2
Section Size
8
Section Width
3
Line Mode
0
Cell Mode
0
Anim Speed
1
Anim Scale
0.5
Anim Intensity
0.6
Fade Strength
0.7
Displace
0
Size
50
Line Color
#2a8a5c
Section Color
#1d4d37
Cell Color
#082016
Glow Color
#5dffb0
Bg Color
#020805
Bg Opacity
0
Reveal
1
Reveal Duration
0

The Hilbert Grid threads a single continuous line through every cell of the floor, turning back and forth in a maze-like path that never crosses itself and closes into one loop. Glowing signals with long fading trails circulate along it, winding through every corner like data moving through a chip. By default it is bright green on a dark board.

How it works

The path is a space-filling curve: a line that visits every cell of a square exactly once while keeping cells that are next to each other on the line next to each other on the floor. Four Hilbert curves are joined into one closed loop, known as a Moore curve, so the signals never reach an end. Straight runs are joined by rounded turns, so it reads as one smooth line. The accent layer is the same curve drawn coarser, the shape the fine curve is built from.

Settings

  • Order sets how finely the curve folds: each step doubles the cells per side.
  • Signals is the number of signals on the loop.
  • Trail is the length of each signal's tail, in cells.
  • Signal Speed is how fast they travel.
  • Section Size sets the scale of the coarser accent curve.

Use it for

Data, cloud and AI products, chip and hardware launches, cybersecurity pages and tech event floors. The Circuit Grid offers a looser board, and the Data Stream effect pairs well above it.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More grids

Works well with

Used in