Show subcategories in a clear grid with taxonomy cues, KPIs, and navig
Use 3–4 columns on desktop, 1–2 on mobile. Add section intro, search/filter, and “Browse all subcategories” CTA.
Maintain consistent card heights.
Card fields: icon, title, 1–2 KPIs (projects, funding), short descript
Category color accents; consistent icon style.
Cards should clearly display key performance indicators like projects and funding amounts.
Hover/focus elevation; clear focus ring.
Show last updated and data source. Indicate coverage (countries/projects).
Provide a label for growth direction if available to aid user understanding.
Frequently asked questions
What filters are available for region, maturity, and impact?
Filters for region, maturity, impact area; sort by popularity, growth, or alphabetical. Applied filters as chips.
How do cards function as list items with headings; keybo?
Cards as list items with headings; keyboard navigation; alt text for icons if meaningful; AA contrast; focus outlines.
On mobile, should the grid use horizontal scrolling or a 2-column layout?
On mobile, horizontal scroll or 2-column grid; simplify text; lazy-load icons; maintain 44px tap targets.
© 2024 AI Usage by Countries. Subca?
© 2024 AI Usage by Countries. Subcategories grid guidelines.
▶ Try it live
Everything above runs in your browser — open Hash Function Avalanche Visualizer and change the parameters while it is running. Nothing is installed, nothing is uploaded, the whole model lives in one tab.