Top 5 features of .NET MAUI Radial Gauge

[{"selector":"#anim-d9dfabe5-cdda-44b2-ab17-e3c548bfc140","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cc59ba20-d3d3-4247-88ba-33885954c07d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-20ca4b38-37f3-4058-a42b-323e0c619407","keyframes":{"transform":["translate3d(-180.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8fb1e7a3-004a-446c-b7f3-b80e95ce7cdb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e6e9b49-531f-4219-a557-0940e29ca6a1","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d21d5e96-7b51-46af-b081-a5a9f2b4c4cf","keyframes":{"transform":["translate3d(-164.44445%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7a4a5079-87c8-493e-badd-170c914186c1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c9204d84-1815-443f-801e-e19dc40c6cf4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-92c56e83-130f-492e-894a-1313d8c91e20","keyframes":{"transform":["translate3d(-180.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98541c8c-ae0d-4fc3-ae4b-c15b3edd7310","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-38ee124d-23f3-4486-8721-417feabbcf96","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-defa0046-b4ba-42eb-ac08-9ff7d0a23fb8","keyframes":{"transform":["translate3d(-180.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f39afaec-637a-436e-979f-654dc8e24a34","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ea592e63-8d97-4cfd-947c-48eb54b3caed","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-6b818449-347c-49b6-bcc9-0e0f09edbd06","keyframes":{"transform":["translate3d(-160.10363%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ab061442-08ad-4ce3-866b-5b058fcb5d37","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-71d92cef-a826-46d7-8ca0-8fc9a64657e9","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Axis Range Pointer Annotations Pointer animation

Axis

[{"selector":"#anim-4f864d2f-378d-47e8-bcea-0f4df66e95c7","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-87785dd3-36fe-4833-9744-6b0254bf220d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c03759d8-263b-40cf-b18a-d7e35beed7f2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-5dfc74bb-f905-4311-b5be-cbefc21fec3a","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1d4ff169-846d-4445-876b-998941097003","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a29b1de-0d19-4f71-aabf-c44270175332","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The .NET MAUI Radial Gauge control features a customizable radial arc axis that displays a range of data points. Add multiple axes, ticks, a border, labels, and an offset to convey necessary information.

Ranges

[{"selector":"#anim-3eaad121-c061-4b17-b799-5a4d9dd3f504","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8fd0aab3-92ef-4460-b005-542fb54bb577","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3c1966a-90b1-4913-ac66-a5889338bf9d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-dda680d3-eb52-42b7-a9d6-d7891b86eba6","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2344333-71a6-4a3d-a7c9-eae7304e5704","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c128d98-3380-418c-b708-a91b176f9009","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] In the .NET MAUI Radial Gauge, a range is a visual feature that allows for easy identification of a value's position on the scale.

Pointers

[{"selector":"#anim-6f5ac4ca-2e3b-48c2-847a-6dbaf28cddc8","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-132d0265-e814-4154-a131-10edcf55d867","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7bf72bed-9766-4cfb-a3ce-8a4078b08342","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-ed69082b-884e-4072-acf6-f814038adb03","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df0a5943-a2ff-44f5-b6b0-9f6fb2ed55e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-777e4c95-85ca-46a5-961f-aaf77eb00622","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The pointer is a tool used to indicate values on an axis. It can be customized as required. Users can point to multiple values on the same scale by adding multiple pointers to the gauge. The pointer types include needle, range, and marker pointers.

Annotations

[{"selector":"#anim-880ea77c-a037-4cbb-9abd-04ab1c477129","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-525db146-49f7-4a95-83b5-d06a55b458af","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6f66637-366d-4fbc-91e8-4f6b3af95851","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-7e0799ba-c313-4129-b3ec-105a02330484","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55f249fe-d4c8-4470-bdbd-e5b46ce7b323","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4cae1f9-cd3a-4b6c-9c03-b4522b85ce98","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Annotations display metadata about a .NET MAUI Radial Gauge at specific points within the graphical display area.

Pointer animation

[{"selector":"#anim-68c633e8-ac14-481e-83de-99ef32784f56","keyframes":{"transform":["translate3d(-119.84127%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7b731bda-5d57-4c9f-bedc-7ac8c86ac394","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0c6af94-38c8-456c-9815-783624acd9e5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-8f2e2527-5e50-49a4-bdcc-8130b175bd5d","keyframes":{"transform":["translate3d(-116.61129%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-88b0bbdb-3e91-4dc6-a963-b1ab9500f8f4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ceddf85-3bdf-470a-95ec-6aadbe1815e7","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The .NET MAUI Radial Gauge control offers visual appeal with support for various types of easing animations when the pointer moves between values.

Syncfusion .NET MAUI Radial Gauge

[{"selector":"#anim-3db07172-6f5b-4aba-a4ab-5c1f419cad88","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] The .NET MAUI Radial Gauge is a multipurpose data visualization tool with customizable axes, ranges, pointers, and annotations for displaying values on a circular scale. It is used in speedometers, thermometers, clocks, progress bars, compasses, etc. No credit card required.