PenTool UIالعربيةBrowse the library

Stats · Metrics

Stats in Metrics: 12 designs — Semicircular Gauge · Micro Candlestick · Countdown from a Real Interval · Deviation from Target

All Metrics designs

Designs

RTL VerifiedLTR Verified Metrics

Semicircular Gauge

An arc whose angle comes from the ratio and whose length comes from the radius

Advanced
Code Prompt
RTL VerifiedLTR Verified Metrics

Micro Candlestick

High, low, open and close on one computed scale

Advanced
Code Prompt
RTL VerifiedLTR Verified Metrics

Countdown from a Real Interval

Computes the gap from a real date, so it never drifts

Intermediate
Code Prompt
RTL VerifiedLTR Verified Metrics

Deviation from Target

Bars that grow out of zero in both directions by the sign of the gap

Intermediate
Code Prompt
RTL VerifiedLTR Verified Metrics

Conversion Funnel

Each stage carries two ratios: from the previous stage and from the first

Intermediate
Code Prompt
RTL VerifiedLTR Verified Metrics

Weekly Heatmap

Colour derived from the actual range — not from hardcoded thresholds

Advanced
Code Prompt
RTL VerifiedLTR Verified Metrics

Ranked Bars

Sorts itself and scales each bar against the largest

Intermediate
Code Prompt
RTL VerifiedLTR Verified Metrics

Period Comparison

Current against previous — the delta computed both ways

Intermediate
Code Prompt
RTL VerifiedLTR Verified Metrics

Stats Grid

Four numbers at a glance — every delta computed, not typed

Beginner
Code Prompt
RTL VerifiedLTR Verified Metrics

Live Counter

Animates between values smoothly and honours reduced motion

Advanced
Code Prompt
RTL VerifiedLTR Verified Metrics

Progress Ring

A share of a target — the ring’s circumference computed from its radius

Advanced
Code Prompt
RTL VerifiedLTR Verified Metrics

Stat with Sparkline

The curve is drawn from the data itself — not a static image

Advanced
Code Prompt