Javascript R中维度堆积矩阵的热图

Question

我不确定我想要实现的数字是否称为尺寸叠加的热图？ 我刚开始在这个领域工作

如果可能的话，最好的链接是什么，以便我可以实施。基本上它是一个矩阵的网格，具有4个子网格，用于子特征，如S1，S2，S3和S4，用于矩阵的特定每个元素

Answer 1

我认为这是你想做的，我做了类似的事情。 这是小提琴链接。

var canvas = document.getElementById('canvas');
    if (canvas.getContext) {
        var ctx = canvas.getContext('2d');

        var cw = 300;
        var ch = 300;

        var participants = 2;

        var item_h = ch/participants/2;
        var item_w = cw/participants/2;


        var x_inc = cw/participants;
        var y_inc = ch/participants;

        for (x = 0; x < participants; x++) { 
            for (y = 0; y < participants; y++) { 



                ctx.fillStyle="rgb(50,255,255)";
                ctx.fillRect(x*x_inc, y*y_inc, item_w, item_h);
                ctx.fillStyle="rgb(0,255,0)";
                ctx.fillRect(x*x_inc+item_w, y*y_inc, item_w, item_h);
                ctx.fillStyle="rgb(255,0,255)";
                ctx.fillRect(x*x_inc, y*y_inc+item_h, item_w, item_h);
                ctx.fillStyle="rgb(255,255,0)";
                ctx.fillRect(x*x_inc+item_w, y*y_inc+item_h, item_w, item_h);

            }

          }
        }

Fiddle