Space Filling Curves
Here's some SVGs I made
Hilbert Curve
Construction
| ⇀ | → | ⇀ | ⇀ | |||
| ↑ | ↓ | = | ||||
| ↾ | ⇃ | |||||
⇀
is the base piece from the previous order and ↼
its mirror copy from reflecting in the y-axis, and rotations made as necessary.
Compared to the Peano curves below, the Hilbert curve may look a little weird in that its entrance / exit points
(on the bottom of the curve images) alternate between facing horizontal and facing vertical as we build up the curve orders.
This is an artefact of the entrance / exit pieces
(on the bottom row of the construction diagram above) using mirrored copies of the previous order's base piece combined with rotations. Because reflections are symmetries of order two, this is where the alternating
comes from. The bottom-left corners of order-n curves, when zoomed in to order 1, alternate between ↾
and ⇀
as we enumerate n, equivalent to reflecting in a top-right-facing line of symmetry.
A way to distract from this alternating is to focus on the base piece(s) used on the top of the curve, which maintain their signature crown appearance.
If this doesn't make sense don't worry, read on to the simpler Peano curves below, and come back to this later.
Minecraft architecture use
Used in the lobby of Dead Bush Tower
, my home skyscraper.
Peano Curve
Construction
| ↿ | → | ⇃ | ↿ | ↿ | ||||||
| ↑ | ↓ | ↑ | ||||||||
| ↾ | ⇂ | ↾ | = | |||||||
| ↑ | ↓ | ↑ | ||||||||
| ↿ | ⇃ | → | ↿ | |||||||
↿
is the base piece from the previous order and ↾
its mirror copy from reflecting in the y-axis, and rotations made as necessary.
Twisted Peano Curve
Careful with those Swastika-esque paths! I think we're mature enough to observe this from a purely mathematical point of view right? I do speak Hebrew too...
Construction
| ↗ | → | ↘ | ↗ | ↗ | ||||||
| ↑ | ↓ | ↑ | ||||||||
| ↖ | ↙ | ↖ | = | |||||||
| ↑ | ↓ | ↑ | ||||||||
| ↗ | ↘ | → | ↗ | |||||||
↗
is the base piece from the previous order, and rotations made as necessary, no reflections needed.
Minecraft architecture use
Used in the lobby of my Jungle Villager skyscraper.
Licensing
These images were created by me, jb2170, hereby licensed under CC-BY-NC-SA-4.0.
There's animated and static versions of the SVGs located here, as well as Python scripts for procedurally generating their contents. Have fun!
Further Reading
-
Space-Filling Curve
on Wikipedia.