Avalanche Beacon widget integration to QGC


I’m a senior college student and for my senior project, my team and I are building an avalanche rescue UAV. We want to create a custom build of QGC with the desired outcome in the image below. Our transceiver returns two measurements in a tuple; direction, and distance. I want to display that data in my flight view in QGC StableV4_0. I’m using QT 5.12 on macOS Monterey 12.3.1

I would appreciate it if I could get pointers as to how to create a custom widget and place it in FlyView.

*The image below is a mock GUI. The right-most toolbar item is a custom button that would display the bottom widget to the right.

Appreciate the help!