Skip to content
Linguistics Medium #ipa#vowels

IPA Vowel Space

Tongue height x backness - the trapezoid map of vowel articulation.

A free, animated ipa vowel space you can read here or embed on any website, from Scrollchart.

IPA Vowel Space

IPA Vowel SpaceTongue height (vertical) x backness (horizontal). Left = unrounded, right = rounded.

IPA vowel trapezoid: high-to-low (Y), front-to-back (X). Cardinal vowels at corners. English vowels positioned. Rounded vs unrounded distinction.

Good for

  • Phonetics tutorials

Source & accuracy

This ipa vowel space is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Tongue position maps to vowel sound

The IPA Vowel Space is a trapezoid representing the human vocal tract. The horizontal axis shows tongue backness, from front (like 'ee' in 'fleece') to back (like 'oo' in 'goose'). The vertical axis shows tongue height, from high (close to the roof of the mouth) to low (near the floor of the mouth). The trapezoid shape reflects the fact that the vocal tract itself is wider at the back and narrower at the front. Each vowel's position corresponds to approximately where the tongue sits when that vowel is produced.

English has roughly 14-20 vowel sounds, distributed across the vowel space. Other languages use the space differently. Some languages use fewer vowels and leave large areas of the space unexploited. Others divide the space more finely, adding lip rounding as an additional dimension to create even more vowel contrasts.

Vowel systems and acoustic targets

Vowels can be described in three dimensions: tongue height, tongue backness, and lip rounding. Some vowels are rounded (lips are protruded) and others are unrounded. This three-dimensional space means languages can create dozens of vowel distinctions. The extremes of the vowel space, the cardinal vowels, provide reference points phoneticians use to describe any vowel in the world. A vowel between cardinal 1 (like English 'fleece') and cardinal 2 (like French 'patte') can be precisely described by its position relative to these reference points.

Embed this diagram

Add this animated ipa vowel space to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated ipa vowel space for any website.
Who uses it
Linguistics blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="ipa-vowel-space" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "IPA Vowel Space" for my website?
Scrollchart provides "IPA Vowel Space" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a ipa vowel space in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.