Grid

Conformal Grid

A square lattice pulled through ideal-flow potentials (spinning cylinder, vortex, source-sink); colour is flow speed and dye rides the streamlines. Use for science and tech scenes.

  • conformal-map
  • potential-flow
  • streamlines
  • magnus-effect
  • fluid
  • science

Settings and defaults

Flow Map
2
Pole Spread
6
Spokes
24
Arms
3
Circulation
1.2
Drift
0.35
Fill
0.5
Dye
0.8
Cell Size
2
Line Width
1
Section Size
4
Section Width
1.4
Line Mode
0
Cell Mode
0
Anim Speed
1
Anim Scale
0.5
Anim Intensity
0.8
Fade Strength
0.7
Displace
0
Size
50
Line Color
#2fb6c9
Section Color
#c8fff4
Cell Color
#1a2a78
Glow Color
#9ff0ff
Bg Color
#020a0f
Bg Opacity
0
Reveal
1
Reveal Duration
0

The Conformal Grid bends a square lattice along the paths of a flowing fluid. The lines follow the current around whirlpools, sources and a spinning cylinder, yet every cell stays a tiny square however hard the grid is bent. The floor is coloured by speed, alternate channels carry dye, and short dashes ride the current like the bubble lines used in real flow experiments.

How it works

Each of the four flows is an ideal, frictionless fluid. Its streamlines and its lines of equal pressure always meet at right angles, which is why the lattice stays square. Colour is the physics: slow water takes the cell colour, fast water the line colour, and the fastest, around the poles or over the cylinder, shifts toward the accent. The points where the flow stops go dark. The lattice streams along the flow, so the dashes speed up where streamlines crowd together.

Settings

  • Flow Map: Source + sink (circles in a Smith-chart look), Spiral vortex, Spinning cylinder or Corner.
  • Pole Spread is the distance to the poles, or the radius of the cylinder.
  • Spokes and Arms shape the vortex web and its spiral.
  • Circulation is the cylinder's spin and lift.
  • Drift is the speed of the current; negative reverses it.
  • Fill and Dye set the speed colouring and the dashes.

Use it for

Science and engineering content, fluid and climate visuals, fintech and data floors that need motion with structure. See also the Flow Net Grid.

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