Technical Implementation
From Audio Signal
to 3D Visualisation
Signal processing, dimensionality reduction, and real-time graphics.
Feature Extraction · Python + librosa
Extract 40 MFCCs, chroma, spectral features. Standardise and reduce to 3 principal components with PCA. Export as JSON.
3D Rendering · Three.js + WebGL
Catmull–Rom spline creates a smooth ribbon path. Particle synced to audio, size and colour mapped to energy.
Visual Design · Particles & Trails
280-frame fading comet tail. Ghost trajectory reveals overall manifold shape. Labelled PC1/PC2/PC3 axes.
Python
librosa
scikit-learn
Three.js
WebGL