How to create a multilevel x any y axis in heatmap with javascript in angular project

plotly.js
1

Please check the attachment
I want to plot heatmap with multilevel grouping both x and y axis.
Please help with this.

image
image599×655 30.3 KB

2

Check this

https://codepen.io/saratoga01/pen/yyLjeNJ?editors=0010