The ExRadialMenu/JS (radial or pie menu) component is similar to the Microsoft's OneNote radial menu with ability to customize the appearance and functionality. The component is designed using tree structure so an item can hold none or more children, and so any item can be browsed, and show its children around it. The ExRadialMenu/JS is a HTML standalone-component, written in JavaScript, that uses no third-party libraries.

Expand
Layers
Display
Shapes
Shuffle
Properties
Events
Your browser does not support the HTML5 canvas tag.
Click the root/center-item to expand/collapse the menu. Click an item to select or opens its sub-menu.
Your browser does not support the HTML5 canvas tag.
Click the root/center-item to expand/collapse the menu. Click an item to select or opens its sub-menu.
Your browser does not support the HTML5 canvas tag.
Click an item to select or opens its sub-menu.
Your browser does not support the HTML5 canvas tag.
Click an item to select or opens its sub-menu.
Your browser does not support the HTML5 canvas tag.
Move the mouse in-out of the control.
Your browser does not support the HTML5 canvas tag.
Click the ◂ (top-right arrow) to show the source-code. Click the ▴ (bottom-left arrow) to show the help. ✔ Check/uncheck options to include/exclude the property. Change the option's value according to the below description.
Your browser does not support the HTML5 canvas tag.
here goes the events
Click, drag, drop or roll the mouse-wheel to get for the control's events.