About Sonogram
Transforming sound into sight — every track becomes a unique generative artwork.
What is Sonogram?
Sonogram is a generative audio-art platform that turns any piece of music into a one-of-a-kind visual artwork. Upload a track — or go live with your microphone — and watch as audio features like tempo, frequency spectrum, and beat patterns drive neon visualizations, fluid simulations, and particle systems in real time.
Every song has a unique mathematical fingerprint; Sonogram makes it visible.
How it works
- Studio — Upload audio and generate a shareable sonogram artwork with extracted features like BPM, key, and spectral shape.
- Gallery — Browse and discover artworks created by the community, and launch immersive experiences.
- Turntable — A neon-glowing vinyl turntable that spins and pulses in response to your music.
- Mustang Neon — A neon-outlined Mustang where different car parts light up and respond to distinct frequency bands.
Credits
Core technologies
- FastAPI — Backend framework
- Three.js — 3D rendering engine
- Vite — Frontend build tooling
- SQLAlchemy — Database ORM
Audio analysis
- Librosa — Audio feature extraction
- Web Audio API — Real-time FFT & beat detection
- SoundFile — Audio file I/O
- Mutagen — Audio metadata parsing
Graphics & shaders
- Ashima Arts — Simplex noise (GLSL)
- Domenico Brizi — Volumetric cloud raymarching
- vite-plugin-glsl — GLSL shader imports
Image processing
- Pillow — Image generation & manipulation
Design
- Cormorant Garamond — Display typeface
- Inter — Body typeface
- Japanese aesthetic design system — washi paper, lacquer red, indigo ink