SharedSamples.org
SPFx Copilot Component

Executive Sales & Revenue Dashboard (Copilot Component)

An SPFx Copilot Component that renders an executive sales dashboard inline in Microsoft 365 Copilot and expands to a rich full-screen view, entirely from offline mock data.

Executive Sales & Revenue Dashboard (Copilot Component)
Executive Sales & Revenue Dashboard (Copilot Component) screenshot 2

About this sample

A SharePoint Framework Copilot Component (React 17 + Fluent UI v9) that surfaces an Executive Sales & Revenue Dashboard directly inside Microsoft 365 Copilot. It renders a compact inline card and, on request, a rich full-screen dashboard, switching on the host displayMode. All data comes from a locally generated, Graph-shaped mock so the sample runs fully offline; a data-service interface plus a useMock flag make switching to a real backend a drop-in change.

Features include KPI cards, an actual-vs-target revenue trend, revenue by region and by product, a quarter-forecast gauge, generated insights, host-driven light/dark theming, a gear-activated settings panel, filters (region/product/segment) that noticeably reshape the data, and a data-loading spinner. All charts are drawn with inline SVG (no external chart library).

Products & metadata

SharePointCopilotSPFx-CopilotComponentReact1.24.0-beta.2