---
title: SonicViz
subtitle: Real-Time Audio Visualization and Interaction
showOnCv: false
type: University
abstract: A cross-platform mobile application for real-time audio visualization, featuring spectrograms, scrolling waveforms, and interactive audio tools.

images:
  - src: cover
    srcDark: cover-dark
    filetype: .webp
  - src: audio
    srcDark: audio-dark
    filetype: .webp
  - src: game
    srcDark: game-dark
    filetype: .webp
  - src: settings
    srcDark: settings-dark
    filetype: .webp

pdfFiles:
  - kind: report
    file: report
  - kind: slides
    file: presentation
  - kind: poster
    file: poster

quickLinks:
  - kind: demo
    url: https://sonicviz.w-tb.nl

keywords: []
supervisors: []
keyFeatures:
  - "Real-Time Spectrogram: Visualizes frequency changes over time with color-coded intensity."
  - "Scrolling Waveform: Displays audio volume fluctuations in real time."
  - "Cross-Platform Support: Runs on both Android and iOS devices."
  - "Interactive Audio Tools: Record, play back, and analyze audio clips."
  - "Audio-Based Games: Engage users with fun, music-related challenges."
  - "Modern Web Stack: Built with TypeScript, Vite, and Capacitor."
  - "Customizable Themes: Adapts to light and dark modes for better user experience."
  - "Developer Tools: Integrated with ESLint and Prettier for code quality."
tags:
  - Frontend
  - Audio
  - Visualization
  - Web
  - React
---

SonicViz is a mobile application designed to visualize audio in real time. It provides tools like spectrograms and scrolling waveforms to help users analyze and interact with sound. Built using the Ionic framework and Capacitor, the app supports both Android and iOS platforms, ensuring a seamless experience across devices. SonicViz also includes features for recording, playback, and audio-based games, making it a versatile tool for both learning and entertainment.