Locale Coverage Matrix
Coverage grid crossing string namespaces with target locales, percent cells with banded square indicators, a totals row, and a legend.
Coverage grid crossing string namespaces with target locales, percent cells with banded square indicators, a totals row, and a legend.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Locale Coverage Matrix crosses 7 string namespaces with 5 target locales, 480 strings in total. Every cell shows the percent translated beside a small square that darkens as coverage climbs: solid at 100%, faded through the 80 and 50 bands, and outlined when an area needs work, like Korean emails at 22%. Namespace rows carry their string counts, nav at 42 up to settings at 120, and the All namespaces row totals each locale, Spanish at 99% down to Korean at 47%. A legend under the panel decodes the four bands and the header offers an Export coverage button.
Locales are typed with a LocaleCode union and every namespace carries a full Record of coverage values, so a missing cell is a type error rather than a blank. All percents use tabular-nums and the grid scrolls horizontally on small screens instead of wrapping.
Reach for this block on the localization dashboard when per language bars are not enough and the team needs to see which area of the product drags each locale down. Wire the cells to your translation store grouped by namespace prefix and keep the band thresholds in one function so the legend never drifts from the cells.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the namespace by locale coverage grid. Other matrix configurations:
Tip: the outlined band is the call to action, sort the translator queue by the lightest cells and the matrix fills itself in.