Library
6 components available— Unlock all with Pro
Design System Kit powers the nf tokens mode
Paste it once in App.Formulas, then copy any component with nf* tokens — rebrand or switch light/dark in one place.
Trend
SVG Line Chart
A smooth, auto-scaling line chart rendered as a pure Power Fx SVG Image, with data points and axis labels from a Label/Value collection. No premium connectors or PCF.
chartsSVG Donut Chart
A donut (or pie) chart rendered as a pure Power Fx SVG Image using stroke-dasharray segments, driven by a collection with Value and Color per slice. No premium connectors or PCF.
chartsSVG Bar List
A ranked horizontal bar list (top categories) rendered as a pure Power Fx SVG Image, with a track, value bar, label and value per row. No premium connectors or PCF.
chartsSVG Heatmap
A grid heatmap (activity / intensity) rendered as a pure Power Fx SVG Image, with cell opacity scaled to value, driven by a flat Col/Row/Value collection. No premium connectors or PCF.
chartsMonthly revenue
SVG Bar Chart
An auto-scaling bar chart rendered as a pure Power Fx SVG Image — labelled bars, value tops and a title, driven by a Label/Value collection. No premium connectors or PCF required.
chartsProgression des sujets
20 éléments — 9 complets / 6 incomplets / 5 non traités
Progress Bar (3 Segments)
A horizontal progress bar split into three colored segments: green for complete items, orange for incomplete, and red (remaining space) for untreated. Widths are driven by CountIf formulas on a collection. Includes a summary label. Adapt the CountIf conditions to your own status field.
charts