✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Heatmap x scale/cell size

I am trying to create heatmap. All cells should be of the same size. X axis values are numeric, but they are not evenly spaced. Is there are way to render x axis as with numeric values, not categorical, while every cell stays the same width.

var data = [
    z: [[1, null, 30, 50, 1], [20, 1, 60, 80, 30], [30, 60, 1, -10, 20]],
    x: ['1','2','4','8','16'],
    y: ['Morning', 'Afternoon', 'Evening'],
    type: 'heatmap',
    hoverongaps: false

Plotly.newPlot('myDiv', data);