Report
Slides
Poster
About the project
SonicViz visualizes audio in real time on a phone. The spectrogram shows frequency over time with color-coded intensity and the waveform scrolls along with the input volume, next to tools for recording, playing back and analyzing clips plus a few music-related games. It is written in TypeScript, bundled with Vite and built with the Ionic framework and Capacitor, so the same codebase runs on Android and iOS, with a light and a dark theme.
This project was created as part of Design Project Module (202400005)
Supervisor(s): dr.ir. Mahboobeh Zangiabady
Grade: 9
Key features
- Real-time spectrogram of frequency over time, with color-coded intensity.
- Scrolling waveform of the input volume.
- One codebase running on Android and iOS.
- Record, play back and analyze audio clips.
- A few small music-related games.
- Written in TypeScript, bundled with Vite and packaged with Capacitor.
- Light and dark theme.
- ESLint and Prettier in the repository.