Thingmo doesn't just return a list — it sequences one. Each result has an energy arc, affinity clusters, and deliberate pacing. This page makes that structure visible through custom SVG visualization built without any chart library.
The featured example is curated and hand-annotated. Switch to Live mode to run the same visualization system on any search.
Playlist
Miles Davis but Rainy Tokyo
An arc from modal quiet through electric intensity and out the other side.
1Blue in GreenBill Evans1959
2Flamenco SketchesMiles Davis1959
3So WhatMiles Davis1959
4NaimaJohn Coltrane1959
5A Love Supreme, Pt. I — AcknowledgementJohn Coltrane1964
6Upper Egypt & Lower EgyptPharoah Sanders1968
7Miles Runs the Voodoo DownMiles Davis1970peak
8Bitches BrewMiles Davis1970pivot
9Agbekor DanceFela Kuti1972
10Yoo Doo RightCan1969
11Neon GoldenThe Notwist2002
12River ManNick Drake1969
13Discreet MusicBrian Eno1975resolve
14Ambient 1: Music for AirportsBrian Eno1978
Sequence Data
Energy arc
0.18 → 0.85
Era
1959 – 2002
Affinity groups
5 clusters
Genres
jazz, ambient, spiritual jazz
Moods
still, spacious, electric, intimate
Tracks
14
Energy Sequence
Energy progression
Track
Peak / pivot / resolve
Modal Jazz
Spiritual Jazz
Electric Miles
Stretch
Resolve
Taste Map
Tracks positioned by affinity cluster. Hover a node to identify it. Cross-linked with the playlist and sequence arc above.
Sequence Comparison
The same 14 tracks, two different orderings. One is sequenced for intentional energy arc — starting quiet, building through a peak, then resolving. The other starts at peak energy and drops unpredictably, never finding a shape.
Thingmo sequence
Energy range0.67
Turning points3
Max single jump0.19
Unsequenced
Energy range0.67
Turning points8
Max single jump0.60
How this is built
All charts are plain SVG — no D3, no chart library of any kind.
The energy curve uses a cubic Bézier path builder with tension-based control points derived from track order and energy value.
The taste map uses deterministic jitter (sin/cos of track order) so node positions are stable across renders without any simulation.
Hover state is a single activeTrackId lifted to the page — the playlist card, sequence arc, and taste map all respond to the same value simultaneously.
SVG containers track their own width via ResizeObserver through a custom hook, so all charts reflow at any viewport size.
Live mode runs the result through an enrichment step that infers energy, cluster, and mood from track position and genre, then generates template-based annotations automatically.
