Interactive design · Creative coding

Impossible Spaces

A portfolio you navigate inside a hyperbolic plane. Drag through a Poincaré disk and open work from its illuminated cells.

Try this: Press Enter the disc, then drag to travel and scroll to zoom.

non-euclidean-portfolio.pages.devLiveOpen full size
Drag through the disk and bring a cell to the center.
Role
Design & development
Period
2026
Status
Live
Platform
Cloudflare Pages
Built with
  • JavaScript
  • Canvas
  • Hyperbolic geometry
01

Why a hyperbolic plane

In a hyperbolic plane, space grows exponentially toward the edge. Drawn as a Poincaré disk, a navigation surface can hold many items without crowding: cells near the center are large, and cells toward the edge shrink but never run out of room.

The Poincaré disk

Straight lineshere are arcsthat meet theedge at rightanglesCells shrinktoward the edge,so the planenever runs outof room
02

Moving through it

Dragging moves the plane itself, so a cell at the edge can be brought to the center, where it is largest and ready to open.

Display settings

Choose a layout and palette. Your settings are saved in this browser.

Palette
Homepage layout
Motion

Display settings do not change the project selection or publication permissions. Orbital and index layouts use the same project data.

Harmonic drawing

The homepage drawing is a small interactive made for this portfolio. It is separate from the project examples.

3
25

Drag across the center drawing or use these controls. The drawing does not require sound, network access, or continuous animation.