Compare Vowel Systems

\n \n

Select Languages to Compare

\n {languages.map(lang => (\n onToggleLanguage(lang.id)}\n >\n

{lang.name}

{lang.vowelCount} vowels

\n ))}\n

\n \n {selectedLanguageIds.length > 0 ? (\n <>\n

\n \n \n \n \n {selectedLanguageIds.map(id => (\n \n ))}\n \n \n \n {allVowels.map(vowel => (\n \n \n {selectedLanguageIds.map(id => {\n const langVowel = languageDetails[id]?.vowels.find(v => v.ipa === vowel);\n return (\n \n );\n })}\n \n ))}\n \n

\n Vowel\n	\n {languageDetails[id]?.name \|\| id}\n
\n {vowel} \n	\n {langVowel ? (\n \n {langVowel.description} \n {langVowel.examples.length > 0 && (\n \n Example: {langVowel.examples[0].word} {langVowel.examples[0].transcription}\n \n )}\n \n ) : (\n —\n )}\n

\n \n

Vowel System Comparison

\n \n

\n {selectedLanguageIds.map(id => {\n const lang = languageDetails[id];\n if (!lang) return null;\n \n return (\n

{lang.name}

{lang.family} • {lang.region}

\n \n

\n Total vowels: {lang.vowels.length}\n

\n Front vowels: {lang.vowels.filter(v => v.frontness === 'front').length}\n

\n Central vowels: {lang.vowels.filter(v => v.frontness === 'central').length}\n

\n Back vowels: {lang.vowels.filter(v => v.frontness === 'back').length}\n

\n Rounded vowels: {lang.vowels.filter(v => v.rounded).length}\n

\n );\n })}\n

\n \n

Insights

Select more languages to compare their vowel systems.
\n {selectedLanguageIds.map(id => languageDetails[id]?.name).join(' and ')} \n {selectedLanguageIds.length === 2 ? ' have ' : ' all have '}\n {allVowels.filter(vowel => \n selectedLanguageIds.every(id => \n languageDetails[id]?.vowels.some(v => v.ipa === vowel)\n )\n ).length} vowels in common.\n
\n {languageDetails[selectedLanguageIds[0]]?.name} has {\n languageDetails[selectedLanguageIds[0]]?.vowels.filter(v => \n !languageDetails[selectedLanguageIds[1]]?.vowels.some(v2 => v2.ipa === v.ipa)\n ).length\n } vowels that {languageDetails[selectedLanguageIds[1]]?.name} doesn't have.\n
\n {Math.max(...selectedLanguageIds.map(id => languageDetails[id]?.vowels.filter(v => v.rounded).length || 0)) > 0 ? \n `${languageDetails[selectedLanguageIds.find(id => \n (languageDetails[id]?.vowels.filter(v => v.rounded).length || 0) === \n Math.max(...selectedLanguageIds.map(id => languageDetails[id]?.vowels.filter(v => v.rounded).length || 0))\n ) || '']?.name} has the most rounded vowels.` : \n 'None of these languages have rounded vowels.'\n }\n

\n \n ) : (\n

Select at least one language to see comparison data

\n )}\n \n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/neverstew/voweltown/code/frontend/components/VowelComparison.tsx","extension","actionData","errors"]