DEV Community

Cover image for Visualizing Rhythm as Geometry - A Dev Experiment
Ahmed Abderrafie
Ahmed Abderrafie

Posted on

Visualizing Rhythm as Geometry - A Dev Experiment

Most rhythm tools show beats on a timeline. But rhythm is cyclical, not linear.

That got me thinking: what if we visualized rhythms as shapes?
So I built erhythm.org - it maps rhythm cycles onto a circle, where beats become points and patterns become polygons.
The result surprised me. Some complex rhythms that are hard to read on sheet music suddenly become obvious shapes.
→ Try one: Palito Afro-Cuban

How it works (conceptually)
Each step maps to an angle on a circle:
jsangle = (step / total_steps) * 360°
Connect the beats → you get a polygon. Some look random. Some are perfectly symmetrical. Some grooves just click visually.

Interesting side effect
Musicians say: "This makes polyrhythms easier to understand."
Developers say: "This looks like algorithm visualization."
Which makes sense - rhythm is a kind of algorithm.

Where it's at
Still building. Working on more rhythms, better interaction, cleaner visuals.
Main project: erhythm.org

Does visualizing rhythm this way actually help understand patterns — or is traditional notation still better?

Top comments (0)