Fixed cell size for heatmaps

plotly.js
1

Hi!

This question has been asked several times in the past, but most of the threads are quite old, or don’t have an specific answer.

Is it possible to set a fixed size to a cell in a heatmap chart?

For instance in this example, I get several different cell sizes that apparently depend on the next value of x or y. Ideally, I would like to keep the cell size consistent.

<html><head><script src="https://cdn.plot.ly/plotly-latest.min.js"></script></head>
<body><div id="chart-container"></div></body>
<script>
    const data = [{
        "x": [1650,3432,3465,3498,3498,1056,1089,1089,1056,1650],
        "y": [97.5,20,22.5,25,30,37.5,37.5,35,35,95],
        "z": [1.05,1.06,1.07,1.08,1.05,1.05,1.05,1.06,1.05,1.07],
        "type": "heatmap",
        "hoverongaps": false,
        "connectgaps": false
    }];
    Plotly.newPlot('chart-container', data);

</script>
</html>

My question is related to a use case that I have of overlapping several heatmaps. If I put all the data in a single trace, the chart looks fine, but if I try to split the data into several traces, I get several cell sizes between the different traces