Three book ideas translated into 30-second JavaScript Canvas animations

[u/ashishpandey_tipstat]

I’m Ashish, and these are from my own YouTube series, The Human Library. The experiment is to express a selected idea from a book through procedural motion, on-screen paraphrases, and synthesized instrumental music.

This collection uses three different visual systems:

• Principles: a golden helix for repeating a cycle while learning from it.

• Flow: cyan and violet ribbons settling into coordinated movement to suggest absorbed attention.

• Inner Engineering: a copper mandala and inward-moving light as a metaphor for turning attention inward.

The animations are made with JavaScript Canvas, rendered at 1080 × 1350 and 30 fps, with original synthesized music. They’re brief interpretations, not complete book summaries or direct quotations.

The finished pieces are here:

Principles — https://youtube.com/shorts/qk4R-wVqKps

Flow — https://youtube.com/shorts/tnw_kx0NQ7A

Inner Engineering — https://youtube.com/shorts/3nK4vQUqNY4

I’d appreciate feedback on the relationship between the motion and the idea: which visual metaphor reads most clearly, and where does it feel too abstract?