A budget overview around a ring you can scrub, with category limits and period switching.
A budget ring whose segments sweep in and morph between periods, with a counting center, drag-to-inspect with boundary ticks, a highlighting legend and an outer overshoot arc past budget.
$199 once, every piece included. See how installing works · Sign in
SwiftUI source you own, built on Apple frameworks only.
Graphic (style), Personal Finance (brief). Your agent builds around this screen in the same design.
Finance App (template)
How it behaves, what it handles, and the decisions behind it.
Segments sweep in on first appearance while the remaining amount counts up in the center. Drag around the ring to inspect: the segment under the finger lifts, the others dim, the center swaps to that category's amount and the matching legend chip highlights, with a tick at every boundary. Once spending passes the budget the ring shows the mix of spend and the excess is drawn as a thinner arc outside the ring in the warning tint. Switching periods morphs every segment to the new dataset.
Shape with an animatable start and end.DragGesture(minimumDistance: 0): movement over the band scrubs, a release without movement toggles the tapped segment, and a tap in the center clears. The ring is also an adjustable VoiceOver element that steps through categories and reads their amounts.Animatable view, so it counts rather than jumps, and uses numericText for the digit roll.SpendingRingExample at the end of SpendingRing.swift is the screen shown in the preview; copy it as a starting point.Pieces that work well next to this one.