Как построить тепловую карту на изображении, используя plotly в javascript?

Question

Как построить тепловую карту на изображении с помощью Plotly. js,

основная цель - построить тепловую карту в мобильном представлении.

например, это некоторые данные баллов.

 var data: any = [
   {
     z: [[1, 20, 30], [20, 1, 60], [30, 60, 1], [782, 452, 29], [452, 128, 57]],
     type: 'heatmap'
   }
 ];

some useful link https://plotly.com/javascript/heatmaps/