The app is a TypeScript React app using Redux.

npm run build

npm run start

The backend repo can be found here. It is built with Python and Flask.

Of the various parameters one can pass to the KlattGrid Speech Synthesizer, this app exposes the three most important ones: F1, F2 and F3 (the first three formants of a vowel).

Use the sliders or the input fields to change the formant values.

The dot in the vowel space will move according to the F1 and F2 values you enter; this vowel space is only a lossy 2D representation of the vowel, and does not fully capture the vowel’s quality.

Weenink, D. (2009) The klattgrid speech synthesizer. Proc. Interspeech 2009, 2059‒2062, doi: 10.21437/Interspeech.2009-591.