SwiftUI Compass Heading View

I want SwiftUI code that shows compass heading on top of a live camera view similar to attached image.

The code must be as simple as possible. Just use @Environment etc. to pass dependencies. Just have a View and Model, but only add a Model if really necessary. Also no View-Model, so no MVVM.

Also do not use advanced Combine features.

The code must be modular, so for example the heading bar should be a self-contained view on top of the live camera view.

It's important the heading scale, ranging from for example 280º to 350º, correctly maps the reality seen in the live camera view. This could mean that this scale is not simply linear.

The live camera view should support all available hardware camera devices. The heading scale should of course adapt to match the currently used camera. (Optionally camera zoom could be supported, but we'll discuss.)

You MUST have a scientific or technical background so you can fully understand the heading scales and other technical things/issues that will come up for sure. Please elaborate on your background or earlier experience that makes you the best candidate for this project.

To save time, I can supply basic code that shows live camera. But you'd have to add hardware camera switching (and optionally zooming) to that.

Use iOS 16 SwiftUI.

Unless impossible use Swift Charts to draw the scale, so the style can be changed easily.

Looking forward to work with you.

See the attached image which shows the compass heading at the top and live camera feed (showing air and sea in this case) below that filling the largest bottom part of the screen. It's a bit blurry and edited, but it shows what I want.