NPS Tracker.

Build an NPS tracker for Tidepool Software, a B2B scheduling platform, where the support lead watches the score trend and routes every detractor comment to an owner for follow-up. Layout. Top: four stat cards: Current NPS (31), Responses in the last 90 days (74), Detractors awaiting follow-up (7, counted as cards still in the New column), and Top detractor theme (Pricing). Below, a segment filter rendered as chips: All, Enterprise, Mid-market, SMB; it drives every chart and the queue. The first region pairs two charts: a line chart of monthly NPS over the last 6 months climbing from 18 to 31, and a stacked bar chart of monthly response counts split into promoters (green), passives (gray), and detractors (red). The second region is the triage board with three columns: New, Assigned, and Done. Each card shows the verbatim comment, a score chip colored green for 9 to 10, gray for 7 to 8, red for 0 to 6, a segment badge, a theme tag (Pricing, Reporting gaps, Onboarding, Support speed, Reliability), and an owner name once assigned. Data. Seed about 140 survey responses across the last two quarters with scores, month received, customer segment (roughly 30 percent Enterprise, 40 percent Mid-market, 30 percent SMB), and short realistic verbatims that match their scores. Route roughly 30 of the lowest scores through the triage board: 7 in New, 10 in Assigned, 13 in Done. Plant the story: the overall trend rises from 18 to 31 driven by Enterprise and Mid-market, but the SMB segment sits near an NPS of 5 with Pricing dominating its detractor comments, so selecting the SMB chip should flatten the trend line and fill the queue with red Pricing cards. Behavior. NPS per month is computed as percent promoters minus percent detractors for that month's responses; stat cards and charts recompute when the segment filter changes. Clicking a queue card opens a dialog to set theme, owner (pick from four named teammates), and status, and moving a card to Done records the follow-up date. Writes are member-only, so the board and charts must read complete for an anonymous visitor. Default board order puts the lowest scores first in New. Visual identity: use an indigo accent for primary actions, the trend line, selected filter chips, and active states on a light neutral base, letting green, gray, and red carry the promoter, passive, and detractor meaning.