WWAfM Design SystemVersion 0.1.5
View Dashboard

Get started

  • Overview
  • Prototype

Foundations

  • Colors
  • Typography
  • Spacing & radii

Basics

  • Overview
  • Buttons
  • Badges
  • Forms
  • Cards
  • Tables
  • Progress
  • Tabs
  • Alerts
  • Toasts
  • Avatars
  • Tooltips

WAfM components

  • Overview
  • Activity table
  • Sidebar
  • Profile mode tabs
  • Participant card
  • Product header
  • Participant data header
  • Analysis level navigation
  • Score scale
  • Analysis detail panel

Graphs

  • Overview
  • Doughnut chart
  • Radar chart

Graphs

Graphs

Charts and visualizations for WAfM analysis and comparisons.

Doughnut chart

Category proportions with a configurable ring and a legend of labels, bars, and percentages.

Radar chart

Profile comparisons with a per-axis range ring, reference lines, and interactive values.

On this page