Fundraising
Campaign progress
Show how far a giving or fundraising campaign has moved towards its target.
Content Creation
Gauge for SharePoint
Turn a target into a clear visual signal, with the exact value always available as text.
Gauge renders a value against thresholds you define, with the reading and its band label always available as text.
Interactive preview
Move the slider to change the reading and watch the threshold band update.
Band: On track Target 80%
Bands: below 50% behind, 50 to 79% at risk, 80% and above on track.
The reading and its band label are always rendered as text, so colour is never the only cue.
Capabilities
What Gauge does
- Threshold bands
- Define ranges with their own labels so a reading is understandable at a glance.
- Live data sources
- Bind to a SharePoint list, a Microsoft Graph query, or a manual value.
- Units and formatting
- Display currency, percentages, or counts with locale-aware number formatting.
- Multiple styles
- Choose arc, half circle, or linear bar to fit the space on your page.
- Goal markers
- Overlay a target line so readers see progress against the commitment.
- Theme aware
- Adopts your theme palette while preserving required contrast ratios.
Accessibility conformance
Gauge is developed and tested against WCAG 2.2 AA and is suitable for inclusion in an accessibility conformance report.
- Exposed with the ARIA
meterpattern, including current, minimum, and maximum values. - The reading and its band label are always rendered as text, so colour is never the only cue.
- Threshold colours maintain at least 3:1 contrast against the gauge track.
- Value updates are announced politely rather than interrupting the reader.
- Remains legible at 200 percent zoom and at 400 percent reflow.
- No animation on load when the visitor prefers reduced motion.
In practice
Where teams use it
Compliance
Training completion
Track mandatory training and compliance rates by department.
Service desk
Targets and response times
Publish service levels against the commitment the team is measured on.
Project delivery
Budget and delivery
Report delivery progress and budget consumption on the programme page.
Live demo
See it in action
Drag the control to see how a value maps onto the threshold bands you define.
Mandatory training, all departments
Band: On track Target 80%
Bands: below 50% behind, 50 to 79% at risk, 80% and above on track.
Demonstration values. On a real page the reading comes from a SharePoint list, a Microsoft Graph query, or a value you enter.
Screenshot placeholder Threshold band configuration in the property pane. Image to be supplied.
Screenshot placeholder Arc, half circle, and linear bar styles side by side. Image to be supplied.
Environment
Compatibility and requirements
Items marked To be confirmed are pending final product documentation and are not a statement of support.
| Microsoft 365 | Any Microsoft 365 subscription that includes SharePoint Online. |
|---|---|
| SharePoint | SharePoint Online modern pages, including communication sites and team sites. SharePoint Server support: To be confirmed |
| Microsoft Teams | To be confirmed Availability as a Teams tab has not yet been published. |
| SPFx version | To be confirmed Supplied with the release notes for your package version. |
| Browsers | Current versions of the browsers supported by Microsoft 365 on Windows, macOS, iOS, and Android. |
| Devices | Desktop, tablet, and mobile. Layouts reflow for narrow screens. |
| Permissions to install | A SharePoint administrator uploads the package to the tenant app catalogue. Site owners then add the web part to a page. |
| API permissions requested | To be confirmed The permission set requested at deployment is listed in the installation guide. |
| Other requirements | No server-side components, database, or additional licences beyond your existing Microsoft 365 subscription. |
Trust
Security and privacy
Gauge runs inside your tenant as a SharePoint Framework solution and follows the permissions already assigned to each page.
Data handling
Content and settings are stored with the page in SharePoint. The web part does not create a separate data store.
External services
The web part renders content from your own tenant. Any external service is one your authors choose to embed.
API permissions
Permissions requested at deployment are listed in the installation guide and approved by an administrator before use. Details to be confirmed
Tenant and access control
Content inherits SharePoint permissions. Readers see it only if they can already open the page it sits on.
Getting started
From order to published page
Purchase
Send us your tenant details and user count. We confirm licensing and issue the package and licence key.
Install
A SharePoint administrator uploads the package to the tenant app catalogue and approves the requested permissions.
Configure
Site owners add the web part to a modern page and set its options in the property pane.
Use
Authors edit the content while editing the page. Changes publish with the page, with no further deployment.
Your package
What you receive
Product
The Gauge SPFx package, ready to upload to your tenant app catalogue.
Updates
Fixes and improvements released during your licence term, with release notes for each version.
Support
Email support for installation, configuration, and troubleshooting questions.
Documentation
Installation, configuration, and author guidance written for SharePoint administrators and site owners.
Licence
A tenant licence key and the licence terms for your records and procurement review.
Accessibility evidence
A conformance summary covering WCAG 2.2 AA testing, available for your accessibility reporting.
Answers
Frequently asked questions
How often does the value refresh?
Refresh interval is configurable, from on page load through to a timed poll of the connected data source.
Can colour-blind readers interpret it?
Yes. Every band carries a text label and the numeric value is always visible, so meaning never depends on colour.
Can I show several gauges together?
Yes. Add multiple instances to a section, and each keeps its own data source and thresholds.
Put your targets on the page
Tell us about your environment and we will confirm licensing, rollout steps, and an accessibility conformance summary for your records.