Introduction
Turn numerical data into sound so non-visual users can perceive changes in the data.
Charts alone cannot give non-visual users the same experience as sighted users. @uturi/sonification lets you convey those data changes through sound.
Inspired by synesthesia—experiencing one sense through another, such as seeing colors while hearing music—this library bridges visual and auditory perception.
Features
- 4 Sonification Methods: frequency, volume, rhythm, melody
- 3 Waveform Types: sine, square, sawtooth
- Framework Support: React, Vue, Svelte, or vanilla JavaScript / TypeScript
- Flexible Configuration: Tune frequency, volume, rhythm, waveform, and more
- Web Worker Support: Audio generation runs off the main thread for better performance
- Typed Error Handling: Custom error classes with structured error codes
- Accessibility Focused: An auditory alternative to data visualization
Live Demo
Try converting a sample dataset into sound. Change the method or waveform, then press Sonify. Use Stop to end playback early while audio is playing.
Interactive Demo
Pick a method and waveform, adjust advanced options if needed, then press Sonify to hear the data.
Advanced Options
Basic Settings
Frequency Settings
Volume Settings
Rhythm Settings